Pixel Paranoia the UX Podcast

S05E15 - Wij ontdekken waarom Figma zo duur is, e-mails zijn vaak ontoegankelijk en de PNG working group is terug

In deze aflevering is het komkommertijd en behandelen we van alles en nog wat. Een onderzoek naar de toegankelijkheid van e-mails, Figma's IPO en hun kosten, de PNG working group, nieuwe CSS meta-tags en de historie van macOS settings.

 

• 0:00 - Intro
• 01:10 - Safari was de eerste browser met support voor CSS transitions - https://webkit.org/blog/138/css-animation/
• 02:16 - Dan Hollick komt met een boek over complexe onderwerpen, met super vette illustraties - https://makingsoftware.com
• 05:09 - 99.98% van de emails zijn ontoegankelijk - https://emailmarkup.org/en/reports/accessibility/2025/
• 15:33 - Figma betaald 300,000 dollar per dag aan hosting per jaar - https://www.datacenterdynamics.com/en/news/design-platform-figma-spends-300000-on-aws-daily/
• 23:15 - PNG Working group is terug - https://www.programmax.net/articles/png-is-back/
• 27:14 - CSS Working Group komt met meta text-scale. - https://github.com/w3c/csswg-drafts/blob/main/css-env-1%2Fexplainers%2Fenv-preferred-text-scale.md
• 33:15 - Apple's liquid glass is nu mat
• 35:39 - De historie van je macOS settings - https://aresluna.org/frame-of-preference/
• 40:37 - Android automative is best tof
• 45:15 - F1 film review
• 49:36 - Reolink

S05E14 - Toegankelijkheid bij Apple, Slack en Figma, Liquid Glass

In deze aflevering bespreken we Apple's nieuwe Liquid Glass designtaal, behandelen we de dark patterns van Booking.com en bespreken we wat toegankelijkheids verbeteringen en features bij Figma, Apple en Slack.

 

• 0:00 - Intro
• 00:55 - CSS Day recap
• 04:10 - HTML wijzigt de spec van outerHtml in verband met XSS - https://developer.chrome.com/blog/escape-attributes?hl=en
• 07:00 - Zen Browser als vervanging van Arc (update)
• 11:22 - De nieuwe Nintendo switch 2 gebruikt Webkit als browser engine - https://front-end.social/@jensimmons/114650551459638462
• 12:40 - Apple WWDC Liquid (Gl)ass
• 23:55 - Apple komt met nieuwe toegankelijkheids features - https://www.apple.com/newsroom/2025/05/apple-unveils-powerful-accessibility-features-coming-later-this-year/
• 29:37 - Slack simplified layout wordt ook door niet beperkte gebruikers veel gebruikt - https://slack.com/help/articles/41214514885907-Use-simplified-layout-mode-in-Slack?locale=en-US
• 31:00 - Figma sites is nu iets toegankelijker - https://www.figma.com/release-notes/?title=accessibility-updates
• 32:50 - Dark patterns bij Booking.com zorgt voor massaclaim - https://tweakers.net/nieuws/236640/consumentenbond-start-massaclaim-tegen-booking-punt-com-om-gebruik-van-dark-patterns.html
• 38:00 - Herman Miller Aeron - https://nlstore.hermanmiller.com/products/aeron-graphite-standard-office-chair
• 41:24 - The Bear seizoen 4 - https://www.disneyplus.com/en-nl/browse/entity-05eb6a8e-90ed-4947-8c0b-e6536cbddd5f

S05E13 - Figma Grid stelt teleur, GSAP is gratis, CSS carousels niet toegankelijk, WCAG 3.0

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/

S05E12 - Figma komt met 5(!) nieuwe tools en Ikea heeft een verbeterde kast

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

S05E11 - Figma komt met Figma sites en grid. Webkit komt met eigen invulling van text-wrap

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/

S05E10 - PenPot als Figma alternatief, CSS masonry layout en Font Awesome 7

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

S05E09 - Figma is geen design tool, CSS only carrousel en Open Props als tegenhanger van Tailwind?

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

S05E08 - Interop 2025, Figma updates en Firefox houdt de gemoederen bezig

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/

S05E07 - Figma updates, screenreader survey, is kopiëren stelen?

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/

S05E06 - Design Tokens zijn ingewikkeld, nieuw Cheetos font en hoe werken invalide HEX codes?

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/