Pixel Paranoia the UX Podcast

S04E18 - Accessibility en waarom zijn Japanse websites compleet anders?

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

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

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/

S04E16 - Figma Config 2024, CSS 5 en tips voor formulieren

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/

S04E15 - RIP sidebar.io, AI is een privacy nightmare

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

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/