Pixel Paranoia the UX Podcast Pixel Paranoia

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/

Deze week bespreken we de laatste toevoeging aan het OpenAI arsenaal, waarom browsers raar zijn op dit moment, wat betekenen al die blend modes nou eigenlijk binnen o.a. Photoshop en Figma, diverse handige CSS toevoegingen en wat gaat de toekomst zijn van Figma?
1:00 - OpenAI komt met Sora - https://openai.com/sora
08:20 - Browsers are weird right now. En Opera doet shady dingen. - https://tylersticka.com/journal/browsers-are-weird-right-now/
18:10 - Dan Hollick over Blend modes - https://typefully.com/DanHollick/KrBa0JP 
22:20 - Overscroll behavior tricks - https://front-end.social/@bramus/111909237136479490 
26:05 - Word-break wordt overflow-wrap in CSS - https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap 
27:50 - 12 modern CSS upgrades - https://moderncss.dev/12-modern-css-one-line-upgrades/ 
35:25 - De toekomt van Figma na de gefaalde overname - https://www.theverge.com/2024/2/16/24075126/figma-ceo-dylan-field-interview-after-adobe 
44:40 - Michele’s zoektocht naar de beste kroket
49:30 - Streetpass for mastodon - https://addons.mozilla.org/en-US/firefox/addon/streetpass-for-mastodon/

In deze aflevering bespreken we een aflevering van de podcast van Syntax FM van o.a. Wes Bos. Jen Simmons is daar te gast en geeft ons een mooie kijk in de keuken over waar de browser Safari naar toe gaat. Verder bespreken we uitgebreid de Dev Mode van Figma die nu uit de beta is, Lottie heeft een webbased editor gelanceerd, wat gaan we voor nieuwe spullen krijgen in de browsers in 2024 en Apple gaat in op de eisen van de EU.. maar in welke vorm?
02:45 - Podcast Wes Bos met Jen Simmons van Safari - https://syntax.fm/show/725/safari-is-the-new-chrome-jen-simmons-of-apple
07:44 - Chrome update - https://developer.chrome.com/blog/new-in-chrome-120
11:30 - Figma dev mode - https://www.figma.com/dev-mode/
25:59 - Lottie Creator - https://lottiefiles.com/lottie-creator
30:05 - Interop 2024 - https://webkit.org/blog/14955/the-web-just-gets-better-with-interop/
38:05 - Apple komt met meerdere Appstores - https://tweakers.net/nieuws/204468/apple-gaat-in-2024-appwinkels-van-andere-aanbieders-toestaan-onder-druk-van-eu.html
45:24 - Self Reliance (Film) - https://www.imdb.com/title/tt26084002/
46:43 - Apple Vision Pro Review MKBHD - https://www.youtube.com/watch?v=OFvXuyITwBI