Avsnitt
-
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 -
Saknas det avsnitt?
-
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 -
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 Litmus10:30 - Ulrike Rausch en OTF Fonts - https://liebefonts.com/fonts/liebeheide18: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/127918700311450313129:48 - Shitshow bij OpenAI - https://techcrunch.com/2023/11/21/a-timeline-of-sam-altmans-firing-from-openai-and-the-fallout40:28 - Origami Studio - https://origami.design46:33 - Vector Pea - https://www.vectorpea.com -
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/discover08:20 - Text-area automatisch vergroten in CSS - https://www.amitmerchant.com/textarea-auto-increase-height/10:45 - In gesprek met Wesley67:44 - Planet Earth III - https://www.bbcearth.com/shows/planet-earth-iii70:30 - Serie BEEF - https://www.imdb.com/title/tt14403178/ -
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/#intro15: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/8165338642:15 - Verwarmde muismat - https://www.aliexpress.com/item/1005004267037164.html -
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 ChatGPT09:29 - Front.Conf in Zürich15:58 - Heydon Pickering Accessibility Overlays - https://www.youtube.com/watch?v=uNM8FR3yzWg18: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_432841:35 - Stray - https://store.steampowered.com/app/1332010/Stray/44:15 - Revolut - https://www.revolut.com/ - Visa fler
