Pixel Paranoia the Podcast

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. https://9to5mac.com/2024/04/01/safari-designer-apple-arc-browser/https://tweakers.net/nieuws/220664/ing-app-krijgt-knop-om-te-checken-of-klant-gebeld-wordt-door-de-bank.htmlhttps://www.bram.us/2017/06/21/changing-svg-path-data-with-css/https://www.svg-animations.how/https://web.dev/blog/web-platform-03-2024?hl=enhttps://nuejs.org/blog/tailwind-vs-semantic-css/https://tympanus.net/codrops/category/tutorials/https://polypane.app/blog/my-take-on-fading-content-using-transparent-gradients-in-css/https://uxdesign.cc/12-figma-tips-to-work-more-efficiently-2d9b60e2ab2dhttps://arc.net/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! https://webkit.org/blog/15063/webkit-features-in-safari-17-4/https://front-end.social/@mia/112032927567366241https://mastodon.social/@simevidas/112079593017732587https://mastodon.social/@simevidas/112086188148593704https://dbushell.com/2024/03/10/css-button-styles-you-might-not-know/https://medium.com/@joeyabanks/everything-to-know-about-multi-editing-in-figma-edd58369fd20https://dataanddesign.substack.com/p/product-design-is-overtaking-ux-andhttps://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/https://www.youtube.com/@weetjedatookweer/videoshttps://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. https://chriscoyier.net/2024/02/28/where-im-at-on-the-whole-css-tricks-thing/https://www.imdb.com/title/tt2788316/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? https://openai.com/sorahttps://tylersticka.com/journal/browsers-are-weird-right-now/https://typefully.com/DanHollick/KrBa0JPhttps://front-end.social/@bramus/111909237136479490https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wraphttps://moderncss.dev/12-modern-css-one-line-upgrades/https://www.theverge.com/2024/2/16/24075126/figma-ceo-dylan-field-interview-after-adobehttps://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? https://syntax.fm/show/725/safari-is-the-new-chrome-jen-simmons-of-applehttps://developer.chrome.com/blog/new-in-chrome-120https://www.figma.com/dev-mode/https://lottiefiles.com/lottie-creatorhttps://webkit.org/blog/14955/the-web-just-gets-better-with-interop/https://tweakers.net/nieuws/204468/apple-gaat-in-2024-appwinkels-van-andere-aanbieders-toestaan-onder-druk-van-eu.htmlhttps://www.imdb.com/title/tt26084002/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. https://www.invisionapp.com/inside-design/invision-design-collaboration-services-shutdown/https://maketypework.com/the-3-secrets-to-font-pairing/https://www.htmhell.dev/adventcalendar/2023/13/https://twitter.com/bramus/status/1747685858059178490https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimizationhttps://ishadeed.com/article/conditional-css-has-nth-last-child/https://www.netflix.com/title/81389634https://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. https://www.pantone.com/color-of-the-year/2023https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/121https://wpt.fyi/interop-2023https://rachelandrew.co.uk/archives/2023/12/19/align-content-in-block-layout/https://www.figma.com/blog/figma-adobe-abandon-proposed-merger/https://uxtools.co/survey/2023/https://www.lg.com/nl/monitor/lg-40wp95cp-whttps://hensm.github.io/fx_cast/https://arc.net/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. https://blog.stephaniestimac.com/posts/2023/10/css-text-wraphttps://trends.uxdesign.cc/https://github.com/waydabber/BetterDisplayhttps://www.nocodecommunity.nlhttps://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. https://liebefonts.com/fonts/liebeheidehttps://www.joshwcomeau.com/css/interactive-guide-to-grid/https://www.figma.com/community/file/1279187003114503131https://techcrunch.com/2023/11/21/a-timeline-of-sam-altmans-firing-from-openai-and-the-fallouthttps://origami.designhttps://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. https://gsap.com/https://photoshop.adobe.com/discoverhttps://www.amitmerchant.com/textarea-auto-increase-height/https://www.bbcearth.com/shows/planet-earth-iiihttps://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. https://arc.net/https://www.herprogrammeerdeoverheid.nl/#introhttps://www.lyssna.com/blog/usabilityhub-is-now-lyssna/https://www.w3.org/TR/WCAG22/https://www.nngroup.com/articles/table-of-contents/https://www.netflix.com/title/81653386https://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. https://www.youtube.com/watch?v=uNM8FR3yzWghttps://webkit.org/blog/14445/webkit-features-in-safari-17-0/https://ec.europa.eu/commission/presscorner/detail/nl/ip_23_4328https://store.steampowered.com/app/1332010/Stray/https://www.revolut.com/

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. https://www.pentagram.com/work/natural-history-museumhttps://medium.com/microsoft-design/a-change-of-typeface-microsofts-new-default-font-has-arrived-f200eb16718dhttps://www.theguardian.com/world/2017/jul/13/fontgate-microsoft-wikipedia-and-the-scandal-threatening-the-pakistani-pmhttps://help.figma.com/hc/en-us/articles/360039825114https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_APIhttps://www.w3.org/TR/WCAG22/https://www.imdb.com/title/tt19854762/https://www.youtube.com/@CarrecTechnocenterVideo

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. https://threads.nethttps://www.brusselstimes.com/440777/barcode-on-products-will-be-replaced-by-qr-code-from-2027https://adrianroselli.com/2023/05/brief-note-on-popovers-with-dialogs.htmlhttps://www.nan.fyi/svg-pathshttps://www.stefanjudis.com/today-i-learned/how-to-tell-browsers-that-your-site-supports-color-schemes/https://scroll-driven-animations.stylehttps://www.xd-design.com/nl-nl/bobby-tech-and-prohttps://www.cabiner.com/

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. https://www.whocanuse.com/https://config.figma.com/https://www.mi.com/global/product/mi-smart-standing-fan-2/https://www.youtube.com/@Rocketpoweredmohawkhttps://www.netflix.com/title/80049832

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. https://dev.to/muhajirdev/using-github-issue-as-cms-2de1https://developer.chrome.com/articles/hidden-until-found/https://blog.chromium.org/2023/05/an-update-on-lock-icon.htmlhttps://www.vocera.com/product/vocera-easehttps://www.apple.com/apple-vision-pro/https://www.justwatch.com/us/movie/blackberryhttps://twitter.com/jensimmons/status/1665779792216571909?s=46&t=fe46zCuaw_E4SsdlMbCChw

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? https://alpinejs.dev/https://fullystacked.net/posts/modern-html-email/https://web.dev/introducing-baseline/https://www.w3.org/TR/css-cascade-6/#scoped-styleshttps://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning/https://material.io/blog/material-3-carousel-research-designhttps://canva.comhttps://www.figma.com/community/plugin/739918456607459153/Measurehttps://lottiefiles.com/plugins/figma

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? https://www.npr.org/2023/04/30/1172276538/world-wide-web-internet-anniversaryhttps://www.usercrowd.comhttps://config.figma.com/configspeakershttps://www.nngroup.com/articles/user-journeys-vs-user-flows/https://front-end.social/@heydon/110292044418916981https://blueskyweb.xyzhttps://nl.aliexpress.com/item/1005004373110740.htmlhttps://www.youtube.com/channel/UCiDJtJKMICpb9B1qf7qjEOA

Er speelt momenteel veel rondom AI en ook in deze aflevering zijn er weer interessante ontwikkelingen. Maar naast AI hebben we het ook over een redesign voor waslabel iconen, transparante kortingen bij webshops, hoe je de tan() functie kunt gebruiken bij diagonale secties in je front-end, een alternatief voor Google fonts en waarom de aarde plat is! https://uxdesign.cc/laundry-symbols-make-no-sense-154a0c10dbe0https://tweakers.net/nieuws/208774/nyt-google-werkt-aan-volledig-nieuwe-ai-zoekmachine.htmlhttps://www.thuiswinkel.org/webshops/kennisbank/kennisartikelen/regelgeving-van-voor-prijzen/https://codepen.io/enbee81/pen/MWPwMMJhttps://css-tricks.com/bunny-fonts/https://twitter.com/tomaspueyo/status/1647026136298209281https://www.reddit.com/r/BattleBotsRaw/besthttps://twitter.com/DanHollick/status/1646509271843225600

In deze afleveringen hebben we het over het redesign van Wikipedia, de laatste updates van zowel Figma als Safari en bespreken we een nieuwe spec voor het HTML5-element “search” en hoe deze gebruikt gaat worden in de toekomst. https://www.figma.com/blog/little-big-updates-32-fixes-and-features-for-a-better-workflow/https://wikimediafoundation.org/wikipedia-desktop/https://html.spec.whatwg.org/multipage/grouping-content.html#the-search-elementhttps://webkit.org/blog/13966/webkit-features-in-safari-16-4/https://www.imdb.com/title/tt12758060/https://www.reddit.com/r/persoonlijkebonus/https://www.netflix.com/nl/title/81450827https://www.netflix.com/nl/title/81446626