Pixel Paranoia the UX Podcast Pixel Paranoia

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

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/

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/

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

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

Allereerst moeten we onze verontschuldiging aanbieden voor de kwaliteit van deze aflevering. Helaas hadden we wat technische issues waardoor de kwaliteit van Joran niet is zoals je van ons gewend bent. Doe daarom maar net als of we Joran hebben laten inbellen via de telefoon ;). We bespreken met Joran alles over Data Science en AI en hoe hij in deze wereld terecht is gekomen. Verder bespreken we nog even kort de dood van CSS Tricks en wat oud-eigenaar Chris Coyier daarover te zeggen heeft.
01:05 - Chris Coyier over CSS-Tricks - https://chriscoyier.net/2024/02/28/where-im-at-on-the-whole-css-tricks-thing/
04:50 - In gesprek met Joran, leraar AI en Data Science aan de Hanzehogeschool Groningen
1:08:30 - Shōgun 2024 - https://www.imdb.com/title/tt2788316/
1:11:10  - The Creator - https://www.imdb.com/title/tt11858890/