Pixel Paranoia the UX Podcast

S04E04 - Liebeheide Font, Figma november updates, bende bij OpenAI

In deze aflevering beginnen we met alle dark patterns van Litmus e-mail-testtool, vertelt Rick alles over de font Liebeheide van Ulrike Rausch, bespreken we de meest recente big little updates van Figma en recappen we even alle chaos bij OpenAI.

• 1:00 - Ranten op Litmus
• 10:30 - Ulrike Rausch en OTF Fonts - https://liebefonts.com/fonts/liebeheide
• 18:50 - Josh W. Comeau CSS Grid Tutorial - https://www.joshwcomeau.com/css/interactive-guide-to-grid/
• 21:40 - Figma Updates - https://www.figma.com/community/file/1279187003114503131
• 29:48 - Shitshow bij OpenAI - https://techcrunch.com/2023/11/21/a-timeline-of-sam-altmans-firing-from-openai-and-the-fallout
• 40:28 - Origami Studio - https://origami.design
• 46:33 - Vector Pea - https://www.vectorpea.com

S04E03 - In gesprek met Wesley, Photoshop op het web

Eindelijk weer een gast, en dit keer de enige echte Wesley van den Brink. Wesley is UX Designer bij ilionx en vervult een belangrijke opdracht als Product Design Lead bij Wolters Kluwer. En daar gaan we hem flink op doorvragen. Verder bespreken we iets wat we nooit verwacht hadden, Photoshop op het web! Daarnaast heeft GSAP een nieuwe website met veel inspiratie.

• 1:42 - GSAP heeft een nieuwe site - https://gsap.com/
• 3:50 - Photoshop op het web - https://photoshop.adobe.com/discover
• 08:20 - Text-area automatisch vergroten in CSS - https://www.amitmerchant.com/textarea-auto-increase-height/
• 10:45 - In gesprek met Wesley
• 67:44 - Planet Earth III - https://www.bbcearth.com/shows/planet-earth-iii
• 70:30 - Serie BEEF - https://www.imdb.com/title/tt14403178/

S04E02 - Arc, Usercrowd update, WCAG 2.2 is uit!

Na vele malen verschillende onderdelen te hebben behandeld in de afgelopen afleveringen is dan eindelijk WCAG 2.2 formeel gepubliceerd. Wij gaan nog eenmaal alle veranderingen bij langs. Verder hebben we het over de nieuwe Arc browser en welke wijzingen dat met zich meebrengt, Usercrowd ondersteund interviews en we gaan uitgebreid in op de do’s en don’ts van een inhoudsopgave op websites.

• 0:48 - ARC Browser - https://arc.net/
• 12:35 - Herprogrammeer de overheid - https://www.herprogrammeerdeoverheid.nl/#intro
• 15:00 - Usercrowd rebranding - https://www.lyssna.com/blog/usabilityhub-is-now-lyssna/
• 19:25 - WCAG2.2 is live - https://www.w3.org/TR/WCAG22/
• 27:20 - Nielsen Norman over Inhoudsopgaves - https://www.nngroup.com/articles/table-of-contents/
• 39:30 - The devils plan - https://www.netflix.com/title/81653386
• 42:15 - Verwarmde muismat - https://www.aliexpress.com/item/1005004267037164.html

S04E01 - Front.conf, Safari 17, Digital Markets Act

We zijn weer terug van een lange vakantie, maar we hebben opnieuw een aflevering boordevol nieuwtjes voor jullie. In deze aflevering bespreken we kort de verwachtingen van ChatGPT, vertellen we over ons ervaringen van Front.conf in Zürich, delen we een briljante sketch van Heydon over Accessibility Overlays, bespreken we wat je kunt verwachten in de nieuwe Safari 17 en gaan we uitgebreid in op de inhoud van de Digital Markets Act in Europa.

• 03:08 - Ranten over ChatGPT
• 09:29 - Front.Conf in Zürich
• 15:58 - Heydon Pickering Accessibility Overlays - https://www.youtube.com/watch?v=uNM8FR3yzWg
• 18:05 - Safari 17 - https://webkit.org/blog/14445/webkit-features-in-safari-17-0/
• 30:30 - Nieuwe EU Wetgeving DMA - https://ec.europa.eu/commission/presscorner/detail/nl/ip_23_4328
• 41:35 -  Stray  - https://store.steampowered.com/app/1332010/Stray/
• 44:15 - Revolut - https://www.revolut.com/

S03E19 - WCAG 2.2 is final, sRGB is flets en Calibri is gone!

De laatste aflevering van dit seizoen! In deze aflevering bespreken we het nieuws dat WCAG 2.2 definitief is, een erg slimme rebranding van het Natural History Museum, dat Microsoft eindelijk afscheid neemt van Calibri en een nieuw lettertype heeft gekozen voor Office, Figma ondersteunt P3 color gamut, en waarom de View Transition API zo tof wordt.

• 01:15 - Natural History Museum Rebrand - https://www.pentagram.com/work/natural-history-museum
• 05:50 - Twitter -> X
• 13:05 - Nieuwe Microsoft fonts - https://medium.com/microsoft-design/a-change-of-typeface-microsofts-new-default-font-has-arrived-f200eb16718d & https://www.theguardian.com/world/2017/jul/13/fontgate-microsoft-wikipedia-and-the-scandal-threatening-the-pakistani-pm
• 19:00 - Figma P3 Colors - https://help.figma.com/hc/en-us/articles/360039825114
• 26:00 - View Transition API - https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API
• 34:55 - WCAG 2.2 Final - https://www.w3.org/TR/WCAG22/
• 36:06 - Hijack Apple serie - https://www.imdb.com/title/tt19854762/
• 38:10 - Carrec Technocenter Youtube - https://www.youtube.com/@CarrecTechnocenterVideo

S03E18 - Threads is meh, SVG’s are awesome, einde van de barcode

In deze aflevering beginnen we met een rant over Threads, bespreken we het einde van de barcode zoals we die nu kennen, hoe om te gaan met color schemes in je HTML en bekijken we een blog die heel handig uitlegt hoe SVG’s werken.

• 1:21 - Threads - https://threads.net
• 11:26 - Einde van de barcode - https://www.brusselstimes.com/440777/barcode-on-products-will-be-replaced-by-qr-code-from-2027
• 15:36 - Dialog/Popover notice - https://adrianroselli.com/2023/05/brief-note-on-popovers-with-dialogs.html
• 19:05 - Learn SVG paths - https://www.nan.fyi/svg-paths
• 20:49 - Dark-mode color scheme -  https://www.stefanjudis.com/today-i-learned/how-to-tell-browsers-that-your-site-supports-color-schemes/
• 32:30 - Scroll driven animations - https://scroll-driven-animations.style
• 37:00 - XD Design backpack with solar panel - https://www.xd-design.com/nl-nl/bobby-tech-and-pro
• 43:24 - Cabiner - https://www.cabiner.com/

S03E17 - Who is the king of UI Design Software?

Config, de conferentie van Figma heeft zich afgespeeld, wij zoomen in op alles wat daar aangekondigd is voor Figma. Verder bespreken we ook een zeer handige tool om even in de huid te kruipen van een gebruiker die (tijdelijk) een visuele beperking heeft.

• 00:48 - WhoCanUse - https://www.whocanuse.com/
• 03:10 - Figma Config 2023 - https://config.figma.com/
• 51:16 - Xiaomi Fan 2 - https://www.mi.com/global/product/mi-smart-standing-fan-2/
• 55:38 - Rocket Powered Mohawk - https://www.youtube.com/@Rocketpoweredmohawk
• 57:10 - Our planet 2 - https://www.netflix.com/title/80049832

S03E16 - Github als CMS, Apple Vision Pro, is dit de toekomst van thuiswerken?

WWDC was afgelopen week en Apple heeft weer het nodige aangekondigd, wij als tech idioten doken in de nieuwe VR..of AR bril van Apple en bespreken de UX én UI van dit apparaat. Verder kun je als je een beetje creatief bent Github als CMS gebruiken, hidden: until-found zit alleen nog maar in Chrome maar we hopen op snel meer, luister snel waarom het zo handig is. En last but not least, het welbekende slotje in Chrome gaat veranderen.

• 01:00 - Github Issues als CMS - https://dev.to/muhajirdev/using-github-issue-as-cms-2de1
• 02:45 - Hidden until-found - https://developer.chrome.com/articles/hidden-until-found/
• 05:30 - Chrome update slotje - https://blog.chromium.org/2023/05/an-update-on-lock-icon.html
• 07:50 - Vocera Health app - https://www.vocera.com/product/vocera-ease
• 12:41 - Apple Vision Pro -  https://www.apple.com/apple-vision-pro/
• 46:43 - Blackberry the movie - https://www.justwatch.com/us/movie/blackberry
• 49:45 - Je website op je desktop in de nieuwe Safari - https://twitter.com/jensimmons/status/1665779792216571909?s=46&t=fe46zCuaw_E4SsdlMbCChw

S03E15 - UX/UI is dood op Social Media, Web baseline, RSS feeds

In deze aflevering onderzoeken we of RSS feeds een vervanger voor Mastodon of Twitter als resource kan zijn. Verder bespreken we wat nou precies de nieuwe baseline is van browsers en waarom dit handig is, diverse nieuwe features in Chrome en kunnen carousels nou wel gebruiksvriendelijk toegepast worden in websites/apps?

• 01:00 - RSS Update - https://alpinejs.dev/
• 12:27 - Outlook update - https://fullystacked.net/posts/modern-html-email/
• 16:15 - UX/UI is dood op Social Media
• 27:20 - Baseline - https://web.dev/introducing-baseline/
• 31:38 - Text wrap balance
• 33:02 - @scope -  https://www.w3.org/TR/css-cascade-6/#scoped-styles
• 33:35 - Anchor Positioning -  https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning/
• 35:15 - Selectmenu
• 37:00 - Carousels kunnen weer? -  https://material.io/blog/material-3-carousel-research-design
• 45:53 - Canva -  https://canva.com
• 51:28 - Figma Measure - https://www.figma.com/community/plugin/739918456607459153/Measure
• 54:25 - Figma Lottie - https://lottiefiles.com/plugins/figma

S03E14 - Het internet is 30 jaar, Figma Config 2023, User Flows vs User Journeys

Dankzij het internet hebben veel mensen een baan, huis etc.. en het is dit jaar 30 jaar oud geworden! Reden voor een feestje.  Verder bespreken we Rick’s User Crowd update, Figma Config 2023 op 21 en 22 juni, het verschil tussen User Flows en User Journeys en begint RSS weer helemaal terug te komen?

• 01:10 - Internet 30 jaar - https://www.npr.org/2023/04/30/1172276538/world-wide-web-internet-anniversary
• 02:40 - User Crowd - https://www.usercrowd.com
• 09:33 - Figma config 2023 - https://config.figma.com/configspeakers
• 13:35 - NNGroup User Flows vs User Journey - https://www.nngroup.com/articles/user-journeys-vs-user-flows/
• 24:40 - RSS feed - https://front-end.social/@heydon/110292044418916981
• 35:24 - Blue sky -  https://blueskyweb.xyz
• 47:02 - Niimbot label printer -  https://nl.aliexpress.com/item/1005004373110740.html
• 53:45 - Adams tested - https://www.youtube.com/channel/UCiDJtJKMICpb9B1qf7qjEOA