Pixel Paranoia the UX Podcast

S05E02 - Webflow koopt GSAP, Tips voor Microcopy en meer kleuren op je scherm?

In deze aflevering lekt Michele de datum voor de komst van Apple Intelligence naar Europa, bespreken we de overname van GSAP door Webflow, geeft Rick tips voor het schrijven van Microcopy and neemt Michele je mee door de wereld van de colorspaces OKLAB en OKLCH en waarom dat beter is dan RGB!

• 0:00 - Intro
• 0:50 - Apple Intelligence komt in april 2025 naar Europa - https://x.com/BetaProfiles/status/1851232441081741395
• 03:20 - Webflow neemt GSAP over - https://x.com/greensock/status/1846241218084094292
• 09:10 - Je website font-size laten meeschalen met je iOS System font - https://frontendmasters.com/blog/letting-ios-text-size-setting-affect-font-size-on-the-web/
• 11:44 - Tips en tricks voor het schrijven van Microcopy - https://www.smashingmagazine.com/2024/06/how-improve-microcopy-ux-writing-tips-non-ux-writers/
• 20:25 - Uitleg over de nieuwe color spaces OKLAB en OKLCH - https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl
• 38:33 - Animeren van CSS background-gradients met CSS @property custom variables - https://web.dev/blog/at-property-baseline
• 45:12 - Apple Mac Mini met M4 chip - https://www.apple.com/mac-mini/
• 50:19 - Amazon Warehouse deals

S05E01 - Figma UI 3, Open Sores Wordpress

In de eerste aflevering van het nieuwe seizoen van de podcast bespreken Rick en Michele de laatste Figma updates en heeft Michele eindelijk Figma UI3 maar het is niet wat hij had gehoopt. Daarnaast helpt Matt eigenhandig Wordpress de afgrond in en klaagt Rick over apps voor huishoudelijke apparaten.

• 0:00 - Intro
• 02:06 - Michele bespreekt Figma updates en heeft nu eindelijk UI3
• 11:20 - Open Sores bij Wordpress - https://techcrunch.com/2024/10/19/wordpress-vs-wp-engine-drama-explained/
• 29:23 - Rick klaagt over waarom alles tegenwoordig een app moet hebben
• 40:24 - Koop goede verf
• 43:22 - RIP The Grand Tour - https://www.primevideo.com/-/nl/detail/The-Grand-Tour/0PQETKSPCYRRYT0IFUIS9G1CQ2

 

S04E18 - Accessibility en waarom zijn Japanse websites compleet anders?

In deze aflevering bespreken we enkele Figma updates, hebben we het over wat webtoegankelijkheid nou precies is, bespreken we de basisonderdelen van de WCAG en leggen we uit waar het design verschil met Japanse websites vandaan komt.

• 0:00 - Intro
• 01:30 - Figma V3 updates - https://twitter.com/_joelmllr/status/1820870780021792961
• 08:45 - Chrome 127 komt met automatisch focus op scrollende elementen - https://developer.chrome.com/blog/keyboard-focusable-scrollers
• 11:23 - Waarom zien Japanse websites er compleet anders uit dan Westerse sites? - https://medium.com/@mirijam.missbichler/why-japanese-websites-look-so-different-2c7273e8be1e
• 19:51 - Wat verstaan we onder toegankelijkheid van websites?
• 40:41 - W3C toegankelijkheidscursus - https://www.w3.org/WAI/courses/foundations-course/
• 52:38 - De Button Stealer Plugin - https://anatolyzenkov.com/stolen-buttons/button-stealer
• 54:27 - Keepa Amazon Prijstracker - https://keepa.com/#!addon
• 55:18 - Alt Shift X TV-Show Recaps - https://www.youtube.com/channel/UCveZqqGewoyPiacooywP5Ig

S04E17 - UX Researcher worden, ranten over huisverkoop, en CSS calc-size(auto) animaties!

In deze aflevering moet Rick even zijn frustratie kwijt over community fora, slechte UX bij het verkopen van je woning, begint Michele naast de podcast ook nog een blog, stopt Figma alweer met AI en bespreken we het carrièrepad van een UX Researcher.

• 0:00 - Intro
• 1:04 - Clipboard API nu in alle browsers - https://web.dev/blog/web-platform-06-2024?hl=en
• 2:08 - Ranten over Tweakers en Move.nl
• 09:53 - Figma stopt voorlopig toch maar weer met AI - https://techcrunch.com/2024/07/06/figma-pauses-its-new-ai-feature-after-apple-controversy
• 16:40 - Animeren naar onbekende hoogte met CSS calc-size(auto) - https://frontendmasters.com/blog/one-of-the-boss-battles-of-css-is-almost-won-transitioning-to-auto/
• 19:51 - Michele start een blog over zijn projecten - https://blog.monkeylabs.nl
• 24:12 - Hoe word je UX Researcher? - https://dscout.com/people-nerds/uxr-career-framework
• 29:10 - TV-Show: The Bear - https://www.disneyplus.com/en-nl/series/the-bear/52m6nx7HoP5F
• 32:25 - Film: The Menu - https://www.imdb.com/title/tt9764362/
• 33:59 - Voor de show in Toomler met Rayen Panday en Stefan Pop - https://www.comedytrain.nl/podcast/

S04E16 - Figma Config 2024, CSS 5 en tips voor formulieren

In deze aflevering bespreken we de laatste updates van Figma die gepresenteerd zijn tijdens Config 2024. Daarnaast geeft Rick wat tips over attributen op input velden en hebben we het over responsive tabellen en CSS5 en CSS6.

• 0:00 - Intro
• 0:54 - Responsive CSS Tables - https://dev.to/subu_hunter/build-stunning-responsive-card-tables-with-css4-css5-1fai
• 11:16 - Tips voor formulieren en input velden - https://garrettdimon.com/journal/posts/fine-tuning-text-inputs
• 20:19 - Figma updates n.a.v ConFig 2024 in San Francisco - https://config.figma.com/
• 58:33 - Rotterdammer die naar Los Angeles verhuist is - The Dutch Redneck - https://www.youtube.com/@ThomasInTheUSA
• 1:01:05 - Knutselen met MatterJS - https://brm.io/matter-js/

S04E15 - RIP sidebar.io, AI is een privacy nightmare

In deze afleveringen bespreken we het plotselinge einde van sidebar.io, duiken we in de toekomst met Apple Intelligence, Google Gemini en Microsoft Copilot en bespreken we een UX onderzoek uit 1950 over het ontstaan van de telefoonnumpad layout!

• 0:00 - Intro
• 00:54 - Sidebar.io neemt een break
• 05:30 - Storytelling in Design - https://www.betterstories.org/
• 12:40 - UX onderzoek uit 1950 van Bell Labs - https://uxdesign.cc/what-telephones-can-tell-you-about-good-design-6c24885ca7e9
• 24:33 - Apple AI, Google Gemini en Microsoft Copilot
• 46:21 - Web/UX/Design nieuwsbrieven ter vervanging van Sidebar.io - https://sidebar.io
• 48:15 - CSS Selector Performance meten in Edge - https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/evaluate-performance/selector-stats#analyze-selector-stats

S04E14 - In gesprek met Erik over UX en Gamification

In deze aflevering gaan we met Erik in gesprek over op welke wijze je gamification kunt toepassen bij UX. Wat is gamification, wat zijn de trends en waar moet je op letten? En wat moet je vooral niet doen?

• 0:00 - Intro
• 01:18 - Figma Updates
• 06:03 - Erik's Facebook profiel tijdcapsule
• 12:40 - In gesprek met Erik
• 1:20:15 - Lego komt met een Zelda pakket - https://www.lego.com/nl-nl/themes/legend-of-zelda
• 1:23:40 - Screen Wake Lock API beschikbaar - https://web.dev/blog/screen-wake-lock-supported-in-all-browsers
• 1:26:05 - Frigate - https://frigate.video/

S04E13 - Auto infotainment nog steeds waardeloos in 2024, Code in Figma

In deze aflevering klaagt Rick over zijn zoektocht naar een nieuwe auto met fatsoenlijk infotainmentsysteem, hebben we het over allerlei manieren waardoor je code uit Figma kunt krijgen of zelfs code in Figma kunt krijgen, Font Awesome begint een web component library genaamd Web Awesome en CSS is echt super in 2024.

• 0:00 - Intro
• 01:30 - Ranten over infotainment systemen
• 13:51 - Device eigenschappen simuleren in Chrome Devtools - https://twitter.com/jh3yy/status/1782176868080210159, Focussed pagina emuleren - https://frontendmasters.com/blog/devtools-tips-tricks/
• 16:45 - Font Awesome komt met een nieuw project, Web Awesome - https://www.kickstarter.com/projects/fontawesome/web-awesome/description
• 25:50 - Rick is blij met nieuwe CSS Features
• 30:00 - Code connect voor Figma - https://github.com/figma/code-connect
• 35:15 - Figma styling op basis van Tailwind classes - https://twitter.com/burcs/status/1782829359050445295
• 37:45 - Zigbee led strip die ook werkt met Hue - https://www.aliexpress.com/item/1005005686420822.html
• 42:08 - Figma Typografie starter kit - https://www.figma.com/community/file/1362098125068472724/typography-variables-starter-kit
• 45:18 - Pocket Casts - https://pocketcasts.com/

S04E12 - Arc Browser en de race tegen de klok

In deze aflevering hebben we het over de toekomst van de Arc browser, bespreken we wat wat er vorige maand nieuw is toegevoegd aan browsers op het gebied van Front-end Development, hebben we het over Tailwind vs Semantische CSS en geven we een hoop tips over Figma, CSS en SVG's.

• 01:00 - Arc Browser neemt lead designer Safari in dienst - https://9to5mac.com/2024/04/01/safari-designer-apple-arc-browser/
• 07:10 - ING App checkt of je daadwerkelijk wordt gebeld door de bank - https://tweakers.net/nieuws/220664/ing-app-krijgt-knop-om-te-checken-of-klant-gebeld-wordt-door-de-bank.html
• 09:25 - Animeer SVG paths met CSS - https://www.bram.us/2017/06/21/changing-svg-path-data-with-css/
• 12:10 - Nieuwe online cursus over SVG Animaties - https://www.svg-animations.how/
• 16:25 - Nieuwe features op het web in maart 2024 - https://web.dev/blog/web-platform-03-2024?hl=en
• 25:00 - Tailwind vs Semantic CSS - https://nuejs.org/blog/tailwind-vs-semantic-css/
• 35:25 - Codrops - https://tympanus.net/codrops/category/tutorials/
• 38:55 - Tekst faden met mask-image - https://polypane.app/blog/my-take-on-fading-content-using-transparent-gradients-in-css/
• 42:39 - 12 Figma tips - https://uxdesign.cc/12-figma-tips-to-work-more-efficiently-2d9b60e2ab2d
• 49:40 - Arc for Windows - https://arc.net/
• 50:55 - Subsetting variable fonts met Glyphhanger - https://github.com/zachleat/glyphhanger

S04E11 - The Data Based UX Designer

In deze aflevering komen we er achter dat we eigenlijk helemaal geen UX Designers zijn, bespreken we de Safari release notes en geeft Rick wat tips over nieuwe CSS properties waarvan je het bestaan wellicht niet wist!

• 04:40 - Safari updates - https://webkit.org/blog/15063/webkit-features-in-safari-17-4/ & align-content gaat nu ook werken op block elementen - https://front-end.social/@mia/112032927567366241
• 07:40 - 100vw wordt nu echt 100vw! - https://mastodon.social/@simevidas/112079593017732587
• 09:30 - Proposal voor Writing Suggestions attribuut - https://mastodon.social/@simevidas/112086188148593704
• 12:20 - Button styles you might not know - https://dbushell.com/2024/03/10/css-button-styles-you-might-not-know/
• 15:44 - Figma updates - https://medium.com/@joeyabanks/everything-to-know-about-multi-editing-in-figma-edd58369fd20
• 24:50 - Ranting product design - https://dataanddesign.substack.com/p/product-design-is-overtaking-ux-and
• 38:26 - Using :has() in the real world - https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/
• 42:33 - Terugblik op een Workshop die we hebben gegeven    
• 44:15 - Weet je dat ook weer op YouTube - https://www.youtube.com/@weetjedatookweer/videos
• 46:50 - The Gentleman Tv Show - https://www.netflix.com/browse?jbv=81437051