Pixel Paranoia the UX Podcast

S04E14 - In gesprek met Erik over UX en Gamification

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/

S04E13 - Auto infotainment nog steeds waardeloos in 2024, Code in Figma

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/

S04E12 - Arc Browser en de race tegen de klok

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

S04E11 - The Data Based UX Designer

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

S04E10 - In gesprek met Joran, docent Data Science & AI

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/

S04E09 - OpenAI Sora, browsers zijn raar, toekomst van Figma

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/

S04E08 - Safari is killing it, Figma is duur en wat krijgen we in 2024 beschikbaar in browsers?

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

S04E07 - ⚰️Invision, bad HTML en waarom Google het web gesloopt heeft

In deze aflevering starten we met het einde van Invision, een tool waar vele gebruik van hebben gemaakt. Verder bespreken we de advent kalender van HTMHELL met allerlei slechte voorbeelden van HTML, waarom Google het web gesloopt heeft, hoe je het beste fonts kunt matchen en hoe krachtig de :has selector wel niet is.

• 01:00 - Invision is niet meer - https://www.invisionapp.com/inside-design/invision-design-collaboration-services-shutdown/
• 05:01 - Font Pairing Tips en Tricks - https://maketypework.com/the-3-secrets-to-font-pairing/
• 11:40 - HTMHell The bad parts of HTML - https://www.htmhell.dev/adventcalendar/2023/13/
• 26:53 - Chrome 121 unprefixed support voor Scrollbar styling - https://twitter.com/bramus/status/1747685858059178490
• 29:19 - Google broke the web - https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization
• 39:05 - Items tellen met :has en container style queries - https://ishadeed.com/article/conditional-css-has-nth-last-child/
• 43:30 - Brothers Sun (Netflix) - https://www.netflix.com/title/81389634
• 45:51 - SVGOMG - https://jakearchibald.github.io/svgomg/

S04E06 - De populairste tools voor UX Designers in 2023

In deze eerste aflevering van 2024 blikken we terug op de populairste tools voor UX Designers van 2023. Verder bespreken we de laatste firefox updates, en wat de status is van Interop 2023. Als laatste staan we ook even stil bij de “mislukte” merger tussen Adobe en Figma.

• 1:06 - Pantone color the year - https://www.pantone.com/color-of-the-year/2023
• 02:50 - Firefox updates - https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/121
• 04:35 - Interop update - https://wpt.fyi/interop-2023
• 05:57 - Alignment content in block layout - https://rachelandrew.co.uk/archives/2023/12/19/align-content-in-block-layout/
• 07:15 - Figma Merger - https://www.figma.com/blog/figma-adobe-abandon-proposed-merger/
• 12:20 - UX Survey 2023 - https://uxtools.co/survey/2023/
• 41:23 - Apple Books
• 42:30 - LG scherm - https://www.lg.com/nl/monitor/lg-40wp95cp-w
• 43:50 - FXCast - https://hensm.github.io/fx_cast/
• 44:50 - ARC for Windows - https://arc.net/
• 46:00 - Ubiquiti Dream Machine - https://eu.store.ui.com/eu/en/products/udm

S04E05 - Text-wrap pretty, UX in 2024 en alles over Webflow

In deze aflevering gaan we het eindelijk hebben over no-code software om websites mee te ontwikkelen en daarom hebben we Martijn in deze aflevering om ons alles te vertellen over Webflow. Wat kun je ermee, wanneer moet je het juist inzetten en wanneer niet? Verder bespreken we in deze aflevering de nieuwe CSS property text-wrap: pretty en balance, en wat we kunnen verwachten rondom UX in 2024.

• 01:10 - Text-wrap Pretty vs balance - https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap
• 04:37 - The State of UX 2024 - https://trends.uxdesign.cc/
• 10:35 - Interview Martijn over Webflow
• 53:57 - Hoe is Martijn begonnen met UX
• 1:06:00 - BetterDisplayTool - https://github.com/waydabber/BetterDisplay
• 1:08:00 - No-code community - https://www.nocodecommunity.nl
• 1:09:00 - Squid Game the challenge - https://www.netflix.com/title/81615540