Pixel Paranoia the UX Podcast

In deze aflevering is Michele teleurgesteld in Figma Grid, kondigt Webflow aan GSAP volledig gratis te maken, maakt Sara Soueidan gehakt van Chrome's CSS only carousels en bespreken we het WCAG 3.0 scoring model. Ook bespreken we de nieuwe CSS properties readin-order en reading-flow om de toegankelijkheid van Flexbox en Grid te verbeteren. 0:00 - Intro 01:11 - Michele is teleurgesteld in Figma grid 07:00 - GSAP is nu gratis - https://webflow.com/blog/gsap-becomes-free 09:54 - Webkit komt met P3-Color picker upgrade - https://webkit.org/blog/16900/p3-and-alpha-color-pickers/ 12:59 - Zijn CSS only carousels toegankelijk? - https://bsky.app/profile/sarasoueidan.com/post/3loj6zz52es26 21:03 - Reading-order en reading-flow in Chrome - https://css-tricks.com/what-we-know-so-far-about-css-reading-order/ 26:38 - WCAG 3.0 draft is beschikbaar - https://www.smashingmagazine.com/2025/05/wcag-3-proposed-scoring-model-shift-accessibility-evaluation/ 33:03 - AirBNB bedenkt een nieuw transparant video format - https://medium.com/@waldobear002/airbnbs-new-lava-icon-format-a-technical-deep-dive-b2604626c7e0 41:35 - White Lotus update & Clarksons farm - https://www.primevideo.com/-/nl/detail/Clarksons-Farm/0SHGKA0J8D4G01ZGD647627NEJ 43:42 - Zen Browser - https://zen-browser.app/ 47:18 - The Office ladies podcast - https://officeladies.com/

In deze aflevering blikken we terug op Figma Config 2025 waar Figma wel 5 nieuwe tools heeft gelanceerd, wij bespreken of ze allemaal wel nuttig zijn of niet. Verder bespreken we het ontslag van Adam Argyle dat nogal bijzonder verliep en de UX van de Ikea Pax kast! 0:00 - Intro 01:20 - Adam Argyle ontslagen bij Google 04:05 - Ikea Pax is vernieuwd 08:30 - De grote Config Figma update -  https://www.figma.com/release-notes/ 42:50 - Bosch Go 3 schroevendraaier - https://www.bosch-professional.com/nl/nl/products/bosch-go-06019H2200 46:57 - Law & Order - https://www.imdb.com/title/tt0098844 en Generation Kill - https://www.imdb.com/title/tt0995832

In deze aflevering deelt Michele gelekte nieuwe features van Figma: Figma sites en grid. Hebben we het over Mozilla die de default Heading 1 styling aanpast en Webkit die een andere weg kiest voor de implementatie van text-wrap pretty. Ook bespreken we het gebruik van JSON voor het genereren van afbeeldingen binnen ChatGPT. 0:00 - Intro 0:56 - UX Survey update 1:36 - Font Awesome 7 uitleg 7:05 - Firefox past user agent heading 1 styling aan - https://developer.mozilla.org/en-US/blog/h1-element-styles/  11:36 - Figma grid - https://x.com/wongmjane/status/1914034569143337390 en Figma sites - https://x.com/wongmjane/status/1913640426801865082 geleaked 21:00 - Webkit implementeert text-wrap: pretty net even anders - https://webkit.org/blog/16547/better-typography-with-text-wrap-pretty/ 32:28 - Consistente ChatGPT resultaten met JSON - https://x.com/d4m1n/status/1914618354859384860 43:05 - The White Lotus op Netflix - https://www.imdb.com/title/tt13406094/ 46:03 - Yellow Stone op Netflix - https://www.imdb.com/title/tt4236770/

In deze aflevering hebben we het over Font Awesome 7, heeft Michele het over ChatGPT 4o image generation en er bespreken we de mogelijke integratie van Flexbox en Grid in CSS voor efficiëntere lay-outs. Ook introduceerde Figma updates zoals FigPals, verbeterde lagenbeheer en toegankelijkheidsfuncties. Michele beoordeelde PenPot, een open-source alternatief voor Figma, dat design en code naadloos integreert. 0:00 - Intro 01:03 - Font Awesome 7 is te pre-orderen - https://fontawesome.com 08:22 - CSS Paint-order property - https://frontendmasters.com/blog/layered-text-headers/ 11:36 - ChatGPT 4o afbeeldingen genereren 20:29 - Flexbox en Grid worden wellicht samengevoegd? - https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/ 26:49 - Figma updates - https://www.figma.com/release-notes/ 36:10 - Michele beoordeeld PenPot, het open source Figma alternatief - https://penpot.app/ 47:04 - Aqara U200 slot - https://www.aqara.com/eu/product/smart-lock-u200/ 51:22 - The Remarkable Life of Ibelin - https://www.netflix.com/nl/title/81759420

In deze aflevering bespreken we de een CSS-only carousel van het Chrome Dev Team, de evolutie van Figma, en het behoud van aria-atomic in de ARIA-spec. Ook gaan we in op ChatGPT Deep Research/Thinking mode en de groeiende mogelijkheden van Open Props. Tot slot deelt Rick nog een tip voor een gratis jaar Perplexity Pro via Ziggo/Vodafone. 0:00 - Intro 00:50 - CSS day - https://cssday.nl/  02:05 - Figma Slides is uit beta 09:36 - Aria-atomic wordt toch niet uitgefaseerd - https://github.com/w3c/aria/issues/2458  13:36 - Iedereen moet eens ChatGPT Deep Research / Thinking mode gebruiken 21:47 - CSS Only carousel is straks mogelijk - https://bsky.app/profile/nerdy.dev/post/3lkt57bzwis2y  25:08 - Open Props wordt steeds uitgebreider - https://open-props.style/  28:43 - Figma is geen Design Tool meer, maar een omslachtige manier om code te ontwijken - https://uxdesign.cc/figmas-not-a-design-tool-it-s-a-rube-goldberg-machine-for-avoiding-code-2a24f11add5d  37:52 - The incomplete list of CSS Mistakes - https://wiki.csswg.org/ideas/mistakes  43:20 - 1 jaar gratis Perplexity Pro via Ziggo/Vodafone - https://www.priority.nl/rewards/64af790a-f770-4340-9b10-6421bad531e8_perplexity-deal-priority  46:50 - 8 uur lang muziek voor je Innie (Severance)  - https://youtu.be/JRnDYB28bL8

In deze aflevering bespreken we de focuspunten voor Interop 2025, deelt Michele 10 toegankelijkheidsfouten die je gemakkelijk kunt voorkomen, hebben we het over CSS Grid in 3D, Figma slides, het pauzeren van CSS animaties en nog veel meer! 0:00 - Intro 01:03 - Usercrowd update 03:23 - OpenGraph afbeelding kunnen een alt-tekst hebben voor toegankelijkheid - https://stefanbohacek.online/@stefan/113640509943561271  04:48 - Animaties in CSS pauzeren met animation-play-station - https://www.amitmerchant.com/run-and-pause-animations-in-css  07:10 - UXTools Survey results zijn er nog (steeds) niet 09:10 - Figma Slides komt met code blocks - https://bsky.app/profile/figma.com/post/3ljq3kfokpc2y  12:10 - Atlassian Open Source Pragmatic Drag & Drop - https://atlassian.design/components/pragmatic-drag-and-drop/  14:50 - Voxel Art met CSS Grid in 3D - https://tympanus.net/codrops/2025/03/03/css-meets-voxel-art-building-a-rendering-engine-with-stacked-grids/  20:15 - Firefox Privacy Statement & Arc update 25:40 - Interop 2025 - https://web.dev/blog/interop-2025  30:43 - 10 toegankelijkheidsfouten die je eenvoudig kunt voorkomen - https://accessibility.blog.gov.uk/2025/02/04/10-digital-accessibility-mistakes-to-avoid/  38:40 - Dead Internet theory is real - https://www.reddit.com/r/Wellthatsucks/comments/1j1cezm/ai_generated_video_and_comments_dead_internet/  41:38 - Tapbot komt met Bluesky app - https://tapbots.com/phoenix/  43:40 - Blink Twice - https://www.imdb.com/title/tt14858658/  45:22 - The Wild Robot - https://www.imdb.com/title/tt29623480/

In deze aflevering bespreken we een hoop kleine onderwerpen, zoals de terugkeer van sidebar.io, Figma updates en de European Accessibility Act. Ook gaan we dieper in op waar de lijn tussen originaliteit en kopiëren ligt, hoe de markt van UX Designers eruit ziet en adverteert Michele de Princess Dinner4two.   0:00 - Intro 01:47 - Sidebar.io is terug! 03:55 - Figma komt met Quality of Life updates - https://x.com/figma/status/1887525697394287027 08:15 - WEBAIM Screenreader survey - https://webaim.org/projects/screenreadersurvey10/  16:49 - Help een visueel beperkt persoon met BeMyEyes - https://www.bemyeyes.com/  19:40 - European Accessibility Act begint aan te slaan 23:48 - The design game has changed and I don't know where to fit anymore - https://uxdesign.cc/the-design-game-has-changed-and-i-dont-know-where-i-fit-anymore-d1e414c2ea9c  32:06 - Is kopiëren diefstal of het opdoen van inspiratie? - https://matthewstrom.com/writing/copying  43:00 - Princes Dinner4Two - https://www.bol.com/nl/nl/p/princess-104020-dinner4two-pure-gourmetset-2-x-210-watt-bakplaat-2-meter-snoer-2-personen-bamboe-uit-te-breiden-tot-10-personen/9200000114912483/  47:45 - Severance - https://tv.apple.com/nl/show/severance/umc.cmc.1srk2goyh2q2zdxcx605w8vtx?l=en-GB  50:54 - DeveloperTimeline op Instagram - https://www.instagram.com/developertimeline/

In deze aflevering duiken we in de wereld van Design Tokens, bespreken we hoe de browser omgaat met invalide HEX codes, heeft Cheetos een bijzonder nieuw letterype en is Buienradar boos op het KNMI. 0:00 - Intro 02:00 - AVIF Image formaat is overal te gebruiken - https://www.rumvision.com/blog/modern-image-formats-webp-avif-browser-support/ 06:14 - FTC deelt boete uit aan de toegankelijkheidstool Accessibe - https://adrianroselli.com/2025/01/ftc-catches-up-to-accessibe.html  11:15 - Cheetos Other Hand Font - https://www.youtube.com/watch?v=6olcrGYuTmY  13:49 - KNMI heeft een eigen weer app - https://www.knmi.nl/kennis-en-datacentrum/uitleg/knmi-app  18:04 - Design Tokens zijn best complex - https://martinfowler.com/articles/design-token-based-ui-architecture.html  34:05 - Hoe werken invalide HEX colors? - https://htmhell.dev/adventcalendar/2024/20/  40:23 - Beast Games op Amazon Prime - https://www.primevideo.com/detail/Beast-Games/0TC47K49HUJK01R9FA42BAO22A  45:54 - Helvetica (2007) - https://www.imdb.com/title/tt0847817/

In deze aflevering blikken we terug op 2024 vanuit verschillende hoeken zoals techniek en statistieken. We bespreken Interop 2024 (laatste features binnen browsers), Pornhub’s en Google's year in review en we kijken wat er in 2025 op de planning staat voor o.a. browsers 0:00 - Intro 01:08 - Nieuwe titel: Design Engineer - https://zeroheight.com/blog/design-engineer/ 02:55 - Bunq zoekt klanten die zich negatief uitlaten online op - https://www.ad.nl/economie/internetbank-bunq-dreigt-kritische-klanten-met-opzeggen-rekening~afdbcdc9 07:04 - CSS is 28 jaar geworden 08:00 - Lottielab - https://www.lottielab.com/ 12:52 - Interop 2024 Recap - https://webkit.org/blog/16413/the-success-of-interop-2024/ 17:14 - Chrome year in review - https://blog.google/inside-google/2024-at-google/ 24:31 - Pornhub 2024 in review (SFW) - https://www.pornhub.com/insights/2024-year-in-review#devices-tech 30:53 - Pixel Paranoia year in review 34:21 - CSS wensen voor 2025 - https://nerdy.dev/css-wishlist-2025 44:45 - Geld besparen tijdens het verbouwen bij de Hornbach of Bauhaus 47:36 - Churchill at war TV Serie - https://www.netflix.com/nl-en/title/81609374

In deze aflevering legt Michele uit waarom UX Research niet duur hoeft te zijn, geeft Rick een toffe tip voor een frosted glass effect, hebben we het over alt-teksten en overflow: clip. 0:00 - Intro 0:56 - UX Research hoeft niet duur te zijn - https://uxdesign.cc/strategic-ux-research-doesnt-need-fancy-tools-04274eb54657 07:54 - Cursor AI terugkoppeling 16:17 - De beste manier om backdrop-filter blur te gebruiken - https://www.joshwcomeau.com/css/backdrop-filter/ 21:39 - UX Tools Survey 2024 - https://uxtools.co/survey 22:58 - Hoe kun je het beste alt-teksten schrijven - https://www.nngroup.com/articles/write-alt-text/ 32:36 - Tips en tricks voor overflow:clip in plaats van overflow:hidden - https://ishadeed.com/article/overflow-clip/ 40:50 - Michele's nieuwe TV 48:15 - Rick's nieuwe zaklamp - https://nl.aliexpress.com/item/1005006171847371.html 51:18 - Zo, opgelost podcast! - https://www.nporadio5.nl/podcasts/zo-opgelost