S03E09 - web.dev images, web push iOS, onderzoek dark patterns

Pixel Paranoia the UX Podcast

Pixel Paranoia the UX Podcast

26:46

For many travelers, Antarctica is a bucket-list destination, a once-in-a-lifetime opportunity to touch all seven continents. In 2023, a record-breaking 100,000 tourists made the trip. But the journey begs a fundamental question: What do we risk by traveling to a place that is supposed to be uninhabited by humans? And as the climate warms, should we really be going to Antarctica in the first place? SHOW NOTES: Kara Weller: The Impossible Dilemma of a Polar Guide Marilyn Raphael: A twenty-first century structural change in Antarctica’s sea ice system Karl Watson: First Time in Antarctica Jeb Brooks : 7 Days in Antarctica (Journey to the South Pole) Metallica - Freeze 'Em All: Live in Antarctica Learn about your ad choices: dovetail.prx.org/ad-choices…

for 2 år siden 50:33

MP3•Episode hjem

Web.dev heeft weer een uitgebreide sectie toegevoegd om te leren, namelijk alles over images. Verder krijgen we blijkbaar toch de beloofde PWA functionaliteiten in iOS en heeft de EU onderzoek gedaan naar het gebruik van zogenaamde Dark Patterns binnen webwinkels.

0:52 - Web push op iOS en iPadOS - https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/
07:11 - Redesign Tweakers.net - https://tweakers.net/plan/3840/welkom-op-de-nieuwe-frontpage-een-nieuwe-smoel-voor-tweakers.html
13:45 - EU Commissie doet onderzoek naar Dark Patterns bij webwinkels - https://tweakers.net/nieuws/206152/europese-commissie-40-procent-van-onderzochte-webwinkels-gebruikt-dark-patterns.html
24:12 - Web.dev Images - https://web.dev/learn/images/
43:00 - Shrinking op Apple TV - https://tv.apple.com/nl/show/shrinking/umc.cmc.apzybj6eqf6pzccd97kev7bs
45:35 - Clarkson’s farm - https://www.primevideo.com/detail/0HXBV30J672YHO5G6L7TPEO44R/ref=atv_dp_season_select_s2
46:11 - Browserslist - https://browserslist.dev

85 episoder

#Tech #Pixel Paranoia

S03E09 - web.dev images, web push iOS, onderzoek dark patterns

published for 2 år siden

Del

MP3•Episode hjem

0:52 - Web push op iOS en iPadOS - https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/
07:11 - Redesign Tweakers.net - https://tweakers.net/plan/3840/welkom-op-de-nieuwe-frontpage-een-nieuwe-smoel-voor-tweakers.html
13:45 - EU Commissie doet onderzoek naar Dark Patterns bij webwinkels - https://tweakers.net/nieuws/206152/europese-commissie-40-procent-van-onderzochte-webwinkels-gebruikt-dark-patterns.html
24:12 - Web.dev Images - https://web.dev/learn/images/
43:00 - Shrinking op Apple TV - https://tv.apple.com/nl/show/shrinking/umc.cmc.apzybj6eqf6pzccd97kev7bs
45:35 - Clarkson’s farm - https://www.primevideo.com/detail/0HXBV30J672YHO5G6L7TPEO44R/ref=atv_dp_season_select_s2
46:11 - Browserslist - https://browserslist.dev

85 episoder

#Tech #Pixel Paranoia

همه قسمت ها

1
S05E10 - PenPot als Figma alternatief, CSS masonry layout en Font Awesome 7 55:48

for 12 dage siden55:48

55:48

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…

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

for 26 dage siden49:42

49:42

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…

1
S05E08 - Interop 2025, Figma updates en Firefox houdt de gemoederen bezig 47:05

for 6 weeks siden47:05

47:05

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/…

1
S05E07 - Figma updates, screenreader survey, is kopiëren stelen? 53:07

for 8 weeks siden53:07

53:07

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/…

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

for 11 weeks siden50:09

50:09

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/…

1
S05E05 - 2024 in review en een blik op 2025 50:49

for 13 weeks siden50:49

50:49

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…

1
S05E04 - Goedkope UX research, frosted glass, alt-teksten 53:56

for 19 weeks siden53:56

53:56

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…

1
S05E03 - Cursor AI, BlueSky, BurgerKings 48:08

for 21 weeks siden48:08

48:08

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…

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

for 24 weeks siden56:44

56:44

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…

1
S05E01 - Figma UI 3, Open Sores Wordpress 45:47

for 26 weeks siden45:47

45:47

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…

1
S04E18 - Accessibility en waarom zijn Japanse websites compleet anders? 57:48

for 36 weeks siden57:48

57:48

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…

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

for 39 weeks siden38:32

38:32

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
S04E16 - Figma Config 2024, CSS 5 en tips voor formulieren 1:05:21

for 42 weeks siden1:05:21

1:05:21

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/…

1
S04E15 - RIP sidebar.io, AI is een privacy nightmare 52:48

for 44 weeks siden52:48

52:48

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…

1
S04E14 - In gesprek met Erik over UX en Gamification 1:33:43

for 46 weeks siden1:33:43