Episodios
-
In deze aflevering duiken we in de wereld van Design Tokens, bespreken we hoe de browser omgaat met invalide HEX codes, heeft Cheetos een bijzonder nieuw letterype en is Buienradar boos op het KNMI.
0:00 - Intro02:00 - AVIF Image formaat is overal te gebruiken - https://www.rumvision.com/blog/modern-image-formats-webp-avif-browser-support/06:14 - FTC deelt boete uit aan de toegankelijkheidstool Accessibe - https://adrianroselli.com/2025/01/ftc-catches-up-to-accessibe.html 11:15 - Cheetos Other Hand Font - https://www.youtube.com/watch?v=6olcrGYuTmY 13:49 - KNMI heeft een eigen weer app - https://www.knmi.nl/kennis-en-datacentrum/uitleg/knmi-app 18:04 - Design Tokens zijn best complex - https://martinfowler.com/articles/design-token-based-ui-architecture.html 34:05 - Hoe werken invalide HEX colors? - https://htmhell.dev/adventcalendar/2024/20/ 40:23 - Beast Games op Amazon Prime - https://www.primevideo.com/detail/Beast-Games/0TC47K49HUJK01R9FA42BAO22A 45:54 - Helvetica (2007) - https://www.imdb.com/title/tt0847817/ -
In deze aflevering blikken we terug op 2024 vanuit verschillende hoeken zoals techniek en statistieken. We bespreken Interop 2024 (laatste features binnen browsers), Pornhub’s en Google's year in review en we kijken wat er in 2025 op de planning staat voor o.a. browsers
0:00 - Intro01:08 - Nieuwe titel: Design Engineer - https://zeroheight.com/blog/design-engineer/02:55 - Bunq zoekt klanten die zich negatief uitlaten online op - https://www.ad.nl/economie/internetbank-bunq-dreigt-kritische-klanten-met-opzeggen-rekening~afdbcdc907:04 - CSS is 28 jaar geworden08:00 - Lottielab - https://www.lottielab.com/12:52 - Interop 2024 Recap - https://webkit.org/blog/16413/the-success-of-interop-2024/17:14 - Chrome year in review - https://blog.google/inside-google/2024-at-google/24:31 - Pornhub 2024 in review (SFW) - https://www.pornhub.com/insights/2024-year-in-review#devices-tech30:53 - Pixel Paranoia year in review34:21 - CSS wensen voor 2025 - https://nerdy.dev/css-wishlist-202544:45 - Geld besparen tijdens het verbouwen bij de Hornbach of Bauhaus47:36 - Churchill at war TV Serie - https://www.netflix.com/nl-en/title/81609374 -
¿Faltan episodios?
-
In deze aflevering legt Michele uit waarom UX Research niet duur hoeft te zijn, geeft Rick een toffe tip voor een frosted glass effect, hebben we het over alt-teksten en overflow: clip.
0:00 - Intro0:56 - UX Research hoeft niet duur te zijn - https://uxdesign.cc/strategic-ux-research-doesnt-need-fancy-tools-04274eb5465707:54 - Cursor AI terugkoppeling16:17 - De beste manier om backdrop-filter blur te gebruiken - https://www.joshwcomeau.com/css/backdrop-filter/21:39 - UX Tools Survey 2024 - https://uxtools.co/survey22:58 - Hoe kun je het beste alt-teksten schrijven - https://www.nngroup.com/articles/write-alt-text/32:36 - Tips en tricks voor overflow:clip in plaats van overflow:hidden - https://ishadeed.com/article/overflow-clip/40:50 - Michele's nieuwe TV48:15 - Rick's nieuwe zaklamp - https://nl.aliexpress.com/item/1005006171847371.html51:18 - Zo, opgelost podcast! - https://www.nporadio5.nl/podcasts/zo-opgelost -
In deze aflevering komen we nog even terug op OKLCH en de support daarvan, bespreken we het nieuwe CSS-logo, hebben we het over de nieuwe invoker commands, de verhuizing van X naar Bluesky, nemen we het hamburger-menu onder de loep en beoordeelt Rick Cursor AI.
0:00 - Intro01:10 - Terugkoppeling over OKLAB colors03:45 - OKLAB color presentatie van Manuel Matuzovic - https://www.youtube.com/watch?v=9UyJe22WH5807:23 - Invoker commands, het web zonder Javascript? - https://open-ui.org/components/invokers.explainer/11:09 - Van X naar Bluesky - https://www.sky-follower-bridge.dev/ & Volg mensen die het meest populair zijn onder de mensen die jij volgt die jij nog niet volgt - https://bsky-follow-finder.theo.io/16:43 - Openvibe - https://openvibe.com/18:20 - Cursor AI - https://www.cursor.com/26:27 - De historie van het hamburger menu en de do's en don'ts - https://www.interaction-design.org/literature/article/hamburger-menu-ux42:15 - Ice Menu Bar - https://icemenubar.app/44:42 - Hagglezon, Amazon's laagste prijs - https://www.hagglezon.com -
In deze aflevering lekt Michele de datum voor de komst van Apple Intelligence naar Europa, bespreken we de overname van GSAP door Webflow, geeft Rick tips voor het schrijven van Microcopy and neemt Michele je mee door de wereld van de colorspaces OKLAB en OKLCH en waarom dat beter is dan RGB!
0:00 - Intro0:50 - Apple Intelligence komt in april 2025 naar Europa - https://x.com/BetaProfiles/status/185123244108174139503:20 - Webflow neemt GSAP over - https://x.com/greensock/status/184624121808409429209:10 - Je website font-size laten meeschalen met je iOS System font - https://frontendmasters.com/blog/letting-ios-text-size-setting-affect-font-size-on-the-web/11:44 - Tips en tricks voor het schrijven van Microcopy - https://www.smashingmagazine.com/2024/06/how-improve-microcopy-ux-writing-tips-non-ux-writers/20:25 - Uitleg over de nieuwe color spaces OKLAB en OKLCH - https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl38:33 - Animeren van CSS background-gradients met CSS @property custom variables - https://web.dev/blog/at-property-baseline45:12 - Apple Mac Mini met M4 chip - https://www.apple.com/mac-mini/50:19 - Amazon Warehouse deals -
In de eerste aflevering van het nieuwe seizoen van de podcast bespreken Rick en Michele de laatste Figma updates en heeft Michele eindelijk Figma UI3 maar het is niet wat hij had gehoopt. Daarnaast helpt Matt eigenhandig Wordpress de afgrond in en klaagt Rick over apps voor huishoudelijke apparaten.
0:00 - Intro02:06 - Michele bespreekt Figma updates en heeft nu eindelijk UI311:20 - Open Sores bij Wordpress - https://techcrunch.com/2024/10/19/wordpress-vs-wp-engine-drama-explained/29:23 - Rick klaagt over waarom alles tegenwoordig een app moet hebben40:24 - Koop goede verf43:22 - RIP The Grand Tour - https://www.primevideo.com/-/nl/detail/The-Grand-Tour/0PQETKSPCYRRYT0IFUIS9G1CQ2 -
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 - Intro01:30 - Figma V3 updates - https://twitter.com/_joelmllr/status/182087078002179296108:45 - Chrome 127 komt met automatisch focus op scrollende elementen - https://developer.chrome.com/blog/keyboard-focusable-scrollers11:23 - Waarom zien Japanse websites er compleet anders uit dan Westerse sites? - https://medium.com/@mirijam.missbichler/why-japanese-websites-look-so-different-2c7273e8be1e19: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-stealer54:27 - Keepa Amazon Prijstracker - https://keepa.com/#!addon55:18 - Alt Shift X TV-Show Recaps - https://www.youtube.com/channel/UCveZqqGewoyPiacooywP5Ig -
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 - Intro1:04 - Clipboard API nu in alle browsers - https://web.dev/blog/web-platform-06-2024?hl=en2:08 - Ranten over Tweakers en Move.nl09:53 - Figma stopt voorlopig toch maar weer met AI - https://techcrunch.com/2024/07/06/figma-pauses-its-new-ai-feature-after-apple-controversy16: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.nl24:12 - Hoe word je UX Researcher? - https://dscout.com/people-nerds/uxr-career-framework29:10 - TV-Show: The Bear - https://www.disneyplus.com/en-nl/series/the-bear/52m6nx7HoP5F32: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/ -
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 - Intro0:54 - Responsive CSS Tables - https://dev.to/subu_hunter/build-stunning-responsive-card-tables-with-css4-css5-1fai11:16 - Tips voor formulieren en input velden - https://garrettdimon.com/journal/posts/fine-tuning-text-inputs20: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/@ThomasInTheUSA1:01:05 - Knutselen met MatterJS - https://brm.io/matter-js/ -
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 - Intro00:54 - Sidebar.io neemt een break05: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-6c24885ca7e924:33 - Apple AI, Google Gemini en Microsoft Copilot46:21 - Web/UX/Design nieuwsbrieven ter vervanging van Sidebar.io - https://sidebar.io48: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 - Intro01:18 - Figma Updates06:03 - Erik's Facebook profiel tijdcapsule12:40 - In gesprek met Erik1:20:15 - Lego komt met een Zelda pakket - https://www.lego.com/nl-nl/themes/legend-of-zelda1:23:40 - Screen Wake Lock API beschikbaar - https://web.dev/blog/screen-wake-lock-supported-in-all-browsers1: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 - Intro01:30 - Ranten over infotainment systemen13: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/description25:50 - Rick is blij met nieuwe CSS Features30:00 - Code connect voor Figma - https://github.com/figma/code-connect35:15 - Figma styling op basis van Tailwind classes - https://twitter.com/burcs/status/178282935905044529537:45 - Zigbee led strip die ook werkt met Hue - https://www.aliexpress.com/item/1005005686420822.html42:08 - Figma Typografie starter kit - https://www.figma.com/community/file/1362098125068472724/typography-variables-starter-kit45: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.html09: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=en25: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-2d9b60e2ab2d49: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/11203292756736624107:40 - 100vw wordt nu echt 100vw! - https://mastodon.social/@simevidas/11207959301773258709:30 - Proposal voor Writing Suggestions attribuut - https://mastodon.social/@simevidas/11208618814859370412: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-edd58369fd2024:50 - Ranting product design - https://dataanddesign.substack.com/p/product-design-is-overtaking-ux-and38: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/videos46: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 Groningen1: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/sora08: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 kroket49: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-apple07:44 - Chrome update - https://developer.chrome.com/blog/new-in-chrome-12011:30 - Figma dev mode - https://www.figma.com/dev-mode/25:59 - Lottie Creator - https://lottiefiles.com/lottie-creator30: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.html45:24 - Self Reliance (Film) - https://www.imdb.com/title/tt26084002/46:43 - Apple Vision Pro Review MKBHD - https://www.youtube.com/watch?v=OFvXuyITwBI -
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/174768585805917849029:19 - Google broke the web - https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization39: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/8138963445:51 - SVGOMG - https://jakearchibald.github.io/svgomg/ -
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/202302:50 - Firefox updates - https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/12104:35 - Interop update - https://wpt.fyi/interop-202305: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 Books42:30 - LG scherm - https://www.lg.com/nl/monitor/lg-40wp95cp-w43: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 -
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-wrap04:37 - The State of UX 2024 - https://trends.uxdesign.cc/10:35 - Interview Martijn over Webflow53:57 - Hoe is Martijn begonnen met UX1:06:00 - BetterDisplayTool - https://github.com/waydabber/BetterDisplay1:08:00 - No-code community - https://www.nocodecommunity.nl1:09:00 - Squid Game the challenge - https://www.netflix.com/title/81615540 - Mostrar más
