Cover van Pixel Paranoia the UX Podcast

Pixel Paranoia the UX Podcast

Dé podcast over UX, UI en Front-end Development. In deze podcast bespreken Michele en Rick van alles wat er maar op hun pad komt, van UX-ervaringen met dagelijkse producten tot aan het ontwerpen van complexe applicaties. Daarnaast gaan we de diepte in met leuke gasten die inhoudelijke kennis meenemen uit hun vakgebied. Kortom, de plek om jouw kennis bij te spijkeren!

Pixel Paranoia

Afleveringen

  • 5 okt 2026Aflevering 100

    In deze aflevering bespreken we een hoop upcoming CSS features, de kanshebbers voor Interop 2027, Figma updates en de terugkeer/ondergang van Hyves 2.0. 0:00 - Intro 01:00 - Nederlandse overheid draagt bij aan Mastodon - https://social.overheid.nl/@BZKopensource/116770424383243538 03:45 - Cursussen worden niet meer verkocht door AI - https://bsky.app/profile/scott.is/post/3mwqktgtaek2o 13:54 - Flex-line-count komt er aan - https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/flex-line-count 16:10 - Flex-balance komt er aan - https://chromium-review.googlesource.com/c/chromium/src/+/7853759 16:50 - Focus-group komt er aan - https://developer.chrome.com/blog/focusgroup-rfc 19:55 - Self sizing iFrames komen er ook aan! - https://www.bram.us/2026/09/23/responsive-iframes/ 22:10 - Interop 2027 - https://github.com/web-platform-tests/interop/blob/main/2027/selection-process.md 26:40 - Wat is er allemaal nieuw in Figma? 33:51 - Claude werkt nu met agents.md - https://news.ycombinator.com/item?id=49760187 35:40 - Hyves is terug 45:09 - De grote podcastlas - https://grotepodcastlas.nl/

  • 3 aug 2026Aflevering 99

    In deze 100ste aflevering kijken we samen met gast Erik terug op de ontwikkelingen van Figma, browsers, CSS, apps en de verandering van de rol als UX Designer in de afgelopen 6 jaar. Daarnaast nemen we deze aflevering op in hartje Groningen in het Forum. Uiteraard geven we jullie nog weer praktische, leuke en handige tips! 01:52 - Terugblik op Figma 15:12 - Terugblik op browserontwikkeling 25:45 - Terugblik Technieken, tools en apps die het niet hebben gered 33:24 - Terugblik op Cloud gaming 43:26 - Terugblik op AI 48:00 - AI in games 53:25 - Terug op toegankelikheid 01:06:29 - Erik heeft een eigen LP laten maken: https://www.twlinch.com 01:11:41 - Easyfind: https://www.devontechnologies.com/apps/freeware 01:18:50 - Terugblik op home automation 01:30:59 - Terugblik op de rol van de UX designer 01:44:50 - Terugblik op alle footers 01:49:35 - Million Dollar Secret Seizoen 2 - https://www.netflix.com/nl-en/title/81731670 01:51:00 - AEG Vx8.2 stofzuiger 01:55:49 - TV Serie: Unit 13 - https://youtube.com/playlist?list=PLoNJZg83zwjF8CI_VmY2D5BBMg607OF48 01:59:22 - Barcado interactieve gametafel - https://www.barcado.nl/ 02:04:12 - Virtuele thuisaccu voor Homeassistant - https://github.com/hif2k1/battery_sim 02:09:41 - Obsidian notes

  • 22 jun 2026Aflevering 98

    In deze aflevering hebben we het over de aankomende iOS release, bespreken we kort CSSDay 2026 en praat Rick je bij over de laatste HTML en CSS features die zijn besproken zoals CSS Grid lanes en Heading-offset. Michele legt uit waarom UX zichzelf terugverdient en geeft je wat quick wins. 01:00 - iOS 27 wordt eindelijk wel bruikbaar 07:30 - Heading offset voor het eenvoudig structureren van je headings - https://mastodon.social/@firefoxwebdevs/116680726980295049 11:10 - Border-radius: match-parent komt er wellicht aan 12:19 - Grid-lanes nu in Safari en je kunt er mee spelen op de playground - https://gridlanes.webkit.org/ 18:14 - Door middel van tekenen je Lovable app veranderen - https://x.com/emilfagerholm/status/2066536352259215805?s=20 22:10 - CSSDay Recap 27:50 - Adam Argyle's prop-for-that library - https://prop-for-that.netlify.app 30:00 - De ROI Van UX - https://www.smashingmagazine.com/2026/05/data-backed-truths-user-experience-roi/ 48:45 - Switchbot Lock Ultra (Referral, 10 euro korting) - https://eu.switch-bot.com?sca_ref=11404744.SnekIQLevZ&sca_crp=MzE4MTE0 53:30 - Obsidian notes app - https://obsidian.md

  • 26 mei 2026Aflevering 97

    In deze aflevering geeft Rick een update over het nieuwe HTML sizes attribuut, bespreekt Michele de AI prijsverhogingen, hebben we het over HTML in Canvas en AI SVG generators. Ook bespreken we de mindset om juist slechte dingen te ontwerpen en knutselt Rick met Home Assistant. 00:50 - Update van HTML Sizes auto attribuut - https://piccalil.li/blog/the-end-of-responsive-images/ 07:40 - Prijzen van AI modellen gaan omhoog 18:00 - CSS Object-view-box - https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/object-view-box 20:05 - HTML in Canvas - https://x.com/wesbos/status/2041594973674483851?s=52&t=fe46zCuaw_E4SsdlMbCChw 24:55 - Why designing crap makes you a better designer - https://uxdesign.cc/why-designing-terrible-solutions-makes-you-a-better-designer-76b2f0f59956 28:50 - SVG's genereren met Quiver AI - https://x.com/quiverai/status/2044864082180706721?s=52&t=fe46zCuaw_E4SsdlMbCChw 32:30 - Rick's geknutselde wall tablet met Home Assistant 39:09 - CSSDay komt er weer aan 41:25 - Benning Duspol - https://www.benning.de/products-en/testing-measuring-and-safety-equipment/test-equipment-voltage-tester/voltage-tester-duspol.html 44:28 - Johnny Motion op X - https://x.com/JohnnyMotion

  • 20 apr 2026Aflevering 96

    In deze aflevering bespreken we de resultaten van Google's nieuwe design tool Stitch, geeft Michele tips om je lettertype bestanden te optimaliseren voor het web en bespreekt Rick nieuwe CSS features zoals multi-col, sizes auto en lazy loading video's. 1:07 - Google komt met Stitch - https://uxdesign.cc/google-says-vibe-design-is-here-but-it-didnt-pass-my-vibe-check-d3caae4922bf 07:34 - Today I learned: Font-family inherit niet - https://csswizardry.com/2026/04/font-family-doesnt-fall-back-the-way-you-think/ 11:30 - Je fonts optimaliseren - https://pixelpoint.io/blog/advanced-web-font-optimization-techniques/ 22:20 - Theme-color in Safari deprecated - https://grooovinger.com/notes/2026-02-27-safari-26-header-background 24:50 - CSS Columns krijgt na jaren een update - https://css-tricks.com/css-multi-column-layout-wrapping-features/ 27:50 - Cheng Zou komt met Pretext, een nieuwe text render engine - https://github.com/chenglou/pretext 33:30 - Lazy Loading voor native video's binnenkort beschikbaar - https://engineering.squarespace.com/blog/2026/how-to-use-standard-html-video-and-audio-lazy-loading-on-the-web-today 36:30 - Sizes auto voor srcsets komt eraan! - https://www.firefox.com/en-US/firefox/150.0beta/releasenotes 40:35 - OpenSubtitles komt met eigen videoplayer - https://www.rayplayer.com/en 47:30 - Film tip: Send Help - https://www.imdb.com/title/tt8036976/ 48:50 - Notes app: Spatial - https://apps.apple.com/us/app/spatial/id6753979855

  • 16 mrt 2026Aflevering 95

    In deze aflevering is het één en al blijdschap. Figma komt met de slots update, Michele probeert AI Agents, Interop 2026 is bekend en Michele en Rick delen waardevolle tips. 1:03 - Figma Slots is beschikbaar - https://www.figma.com/blog/supercharge-your-design-system-with-slots/ 04:45 - China verbiedt verzonken handgrepen van auto's - https://www.vrt.be/vrtnws/nl/2026/02/03/china-verbiedt-als-eerste-land-handgrepen-die-ingewerkt-zijn-in/ 08:22 - Interop 2026 - https://webkit.org/blog/17818/announcing-interop-2026 19:30 - Figma en Claude code samenwerking - https://x.com/_heyrico/status/2030921707251486822 33:32 - Rick is blij met alle nieuwe CSS mogelijkheden 38:22 - setHTML ter vervanging van innerHTML in Javascript - https://frontendmasters.com/blog/goodbye-innerhtml-hello-sethtml/ 40:15 - Perplexity Computer - https://www.perplexity.ai/products/computer 45:00 - Vergroot de cursor van je OS 46:50 - Stripe heeft een nieuwe website - https://stripe.com/en-nl

  • 16 feb 2026Aflevering 94

    In deze aflevering bespreken we de lang verwachte resultaten van de UX Survey 2024, stipt Michele ons mobiele breakpoint gebruik aan, bespreekt Rick nieuwe CSS features zoals corner-shape en leer je wat wel en geen WCAG afkeur is met betrekking tot headings. 00:58 - Te snel naar mobiele breakpoints - https://ishadeed.com/article/too-early-breakpoint/ 06:23 - Headings skippen is geen WCAG failure - https://www.tpgi.com/heading-off-confusion-when-do-headings-fail-wcag/ 11:31 - Chrome WebMCP - https://x.com/firt/status/2020903127428313461 13:16 - OpenAI's privacy nightmare browser - https://www.anildash.com//2025/10/22/atlas-anti-web-browser/?ref=sidebar 22:01 - CSS Corner-shape - https://css-tip.com/corner-shape/ 26:48 - De Nederlandse banken willen van Amerikaanse hosting af - https://tweakers.net/nieuws/244574/rabobank-ing-en-abn-amro-zoeken-europese-uitweg-uit-amerikaanse-techgreep.html 29:09 - Verschil tussen tussen enter en spatie bij buttons - https://adrianroselli.com/2022/04/brief-note-on-buttons-enter-and-space.html 31:20 - UX Survey 2024 resultaten (Ja, eindelijk!) 48:10 - Tips en tricks voor animaties - https://www.userinterface.wiki/ 49:49 - Tip van Sander: Flowtunes - https://www.flowtunes.app/ 51:41 - Camp Waes - https://npo.nl/start/serie/kamp-waes/afleveringen/seizoen-2

  • 26 jan 2026Aflevering 93

    In deze aflevering duiken Rick en Michele weer de diepte in. Van het hernoemen van display masonry naar grid-lanes en de langverwachte JPGXL-ondersteuning, tot Chrome’s nieuwe verticale sidebar. Rick testte bovendien Lovable, een AI-appbuilder, en Michele overweegt een leven zónder Google. 1:32 - Display masonry wordt display grid-lanes - https://github.com/w3c/csswg-drafts/issues/12022#issuecomment-3525043825 05:20 - JPGXL support komt eraan 08:38 - Chrome komt als laatste met verticale sidebar - https://tweakers.net/nieuws/243832/google-chrome-krijgt-volgende-week-waarschijnlijk-verticale-tabbladbalk.html 11:45 - Rick heeft een app gevibecode met Lovable: [Gratis referral met 10 extra credits (No ad) - https://lovable.dev/invite/24U0F26 18:38 - Michele wil van Google af 29:10 - CSS Hyphenate-limit-chars - https://css-tricks.com/almanac/properties/h/hyphenate-limit-chars/ 30:25 - CSS Text-decoration inset - https://css-tricks.com/text-decoration-inset-is-like-padding-for-text-decorations/ 32:05 - Met deze (Chrome) fix voorkom je scrollen in de body achter een dialog 33:55 - Figma Credits 40:45 - Orion Browser iOS met Cleanplaats en Glazen Bol plugins - https://orionbrowser.com/ 45:36 - Netflix Culinary Class Wars - https://www.netflix.com/nl-en/title/81728365 47:11 - MTV is terug! - https://wantmymtv.vercel.app/player.html

  • 10 nov 2025Aflevering 92

    In deze aflevering gaan we in gesprek met Joran, docent en onderzoeker Artificial Intelligence & Data Science. Waar zijn leerlingen mee bezig, hoe ziet de toekomst eruit en zitten we in een AI bubbel? Daarnaast tipt Michele dat Affinity Designer nu gratis te gebruiken is en praat Rick je bij waarom cockpits in de Soviet Unie een bepaalde kleur groen waren. 01:32 - Affinity Designer is nu gratis - https://www.affinity.studio/ 04:07 - Waarom Soviet cockpits turqoise waren - https://aviation.stackexchange.com/questions/16434/why-are-russian-cockpit-panels-painted-in-turquoise 07:10 - Social Media gebruik neemt af vooral bij de jongeren 11:40 - In gesprek met Joran over AI 57:50 - Squid Game: The Challenge - https://www.netflix.com/nl/title/81615540 en Physical Asia - https://www.netflix.com/nl-en/title/82006516 1:00:00 - Chip war: The fight for the worlds most critical technology - https://www.amazon.nl/-/en/Chris-Miller/dp/1982172002 1:02:28 - Op zoek naar Marlotte de podcast - https://npo.nl/luister/podcasts/214-zembla-podcast-op-zoek-naar-marlotte

  • 20 okt 2025Aflevering 91

    In deze aflevering hebben we een hoop updates over toegankelijkheid, gaat de NS de informatieborden in darkmode tonen en zorgt de Digital Markets Act ervoor dat innovatie stopt? Daarnaast deelt Rick een handige app om huidkanker te checken en koopt Michele een dashcam. 0:00 - Intro 01:19 - Google hoeft Chrome niet te verkopen - https://tweakers.net/nieuws/238698/google-hoeft-van-amerikaanse-rechtbank-chrome-en-android-niet-te-verkopen.html 03:01 - NLDoc uitgesteld door gebrek aan GPU's 07:43 - Toegankelijke PDFs maken met LibreOffice - https://piccalil.li/blog/a-guide-to-creating-accessible-pdfs-using-free-tools/ 11:12 - Window.Print vs bestand printen - https://toot.cafe/@bkardell/115175224008719196 13:18 - NS gaat informatieborden in darkmode tonen - https://tweakers.net/geek/239444/ns-gaat-3600-informatieborden-in-dark-mode-zetten.html 15:16 - Principles for inclusive design - https://inclusivedesignprinciples.info/nl/ 20:55 - Interop 2026 - https://web.dev/blog/interop-2026-proposals 26:49 - Figma maakt de applicatie toegankelijker - https://www.figma.com/blog/introducing-screenreader-and-accessibility-features/ 32:34 - Figma komt met versie voor de overheid 36:02 - Nieuw in Safari iOS26 en Mac OS Tahoe - https://webkit.org/blog/17333/webkit-features-in-safari-26-0/ 40:45 - Bedrijven en mensen roepen dat DMA innovatie tegenhoudt - https://tweakers.net/reviews/13890/bangmakerij-of-terechte-kritiek-grote-techbedrijven-verzetten-zich-tegen-de-dma.html 46:45 - Skinvision huidkanker app 50:10 - Michele gaat weer aan de Dashcam

  • 25 aug 2025Aflevering 90

    In deze aflevering bespreken we Figma AI updates, de koers van het Figma aandeel, de recap van the state of CSS en legt Michele uit hoe je beter dingen kunt onthouden! 0:00 - Intro 01:15 - Figma Stock update 05:00 - Figma AI Updates 06:41 - Games worden steeds toegankelijker - https://tweakers.net/reviews/13544/games-worden-toegankelijker-europese-wet-is-startschot-voor-inclusieve-markt.html 10:30 - The state of CSS 2025 recap - https://2025.stateofcss.com/en-US 30:38 - Una's Scroll-target-group inhoudsopgave - https://una.im/scroll-target-group/ 32:44 - Hoe kun je beter leren om dingen te onthouden? - https://ncase.me/remember/ 42:36 - Perplexity Pro (Via pepper) - https://nl.pepper.com/discussies/perplexity-ai-pro-jaar-plan-met-gpt-4o-claude-4-gemini-grok-3-dalle-3-stable-diffusion-xl-366075 48:24 - Test je aardlekschakelaars (tussen 09-17)

  • 14 jul 2025Aflevering 89

    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

  • 30 jun 2025Aflevering 88

    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

  • 2 jun 2025Aflevering 87

    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/

  • 11 mei 2025Aflevering 86

    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

  • 28 apr 2025Aflevering 85

    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/

  • 7 apr 2025Aflevering 84

    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

  • 24 mrt 2025Aflevering 83

    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

  • 10 mrt 2025Aflevering 82

    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/

  • 24 feb 2025Aflevering 81

    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/

  • 3 feb 2025Aflevering 80

    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/

  • 20 jan 2025Aflevering 79

    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

  • 9 dec 2024Aflevering 78

    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

  • 25 nov 2024Aflevering 77

    In deze aflevering komen we nog even terug op OKLCH en de support daarvan, bespreken we het nieuwe CSS-logo, hebben we het over de nieuwe invoker commands, de verhuizing van X naar Bluesky, nemen we het hamburger-menu onder de loep en beoordeelt Rick Cursor AI. 0:00 - Intro 01:10 - Terugkoppeling over OKLAB colors 03:45 - OKLAB color presentatie van Manuel Matuzovic - https://www.youtube.com/watch?v=9UyJe22WH58 07:23 - Invoker commands, het web zonder Javascript? - https://open-ui.org/components/invokers.explainer/ 11:09 - Van X naar Bluesky - https://www.sky-follower-bridge.dev/ & Volg mensen die het meest populair zijn onder de mensen die jij volgt die jij nog niet volgt - https://bsky-follow-finder.theo.io/ 16:43 - Openvibe - https://openvibe.com/ 18:20 - Cursor AI - https://www.cursor.com/ 26:27 - De historie van het hamburger menu en de do's en don'ts - https://www.interaction-design.org/literature/article/hamburger-menu-ux 42:15 - Ice Menu Bar - https://icemenubar.app/ 44:42 - Hagglezon, Amazon's laagste prijs - https://www.hagglezon.com

  • 4 nov 2024Aflevering 76

    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

  • 21 okt 2024Aflevering 75

    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

  • 12 aug 2024Aflevering 74

    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

  • 22 jul 2024Aflevering 73

    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/

  • 1 jul 2024Aflevering 72

    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/

  • 17 jun 2024Aflevering 71

    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