The Vanilla JS Podcast

Follow The Vanilla JS Podcast
Share on
Copy link to clipboard

A show about JavaScript for people who hate the complexity of modern front‑end web development.

Chris Ferdinandi


    • Jul 9, 2024 LATEST EPISODE
    • monthly NEW EPISODES
    • 7m AVG DURATION
    • 283 EPISODES


    Search for episodes from The Vanilla JS Podcast with a specific topic:

    Latest episodes from The Vanilla JS Podcast

    Episode 146 - It lets me write less JS!

    Play Episode Listen Later Jul 9, 2024 1:32


    In today's episode, I talk about why writing less JS might be a bad goal (what!?!).In today's episode, I talk about why writing less JS might be a bad goal (what!?!).Show Notes & Transcript →

    Episode 145 - The Shadow DOM is an anti-pattern

    Play Episode Listen Later Jul 2, 2024 4:01


    In today's episode, I talk about why I think the Shadow DOM is a solution in search of a problem.In today's episode, I talk about why I think the Shadow DOM is a solution in search of a problem.Show Notes & Transcript →

    Episode 144 - Front end devs do not understand web accessibility

    Play Episode Listen Later Mar 5, 2024 12:30


    In today's episode, I talk about some awful comments on Hacker News, and why they're wrong.In today's episode, I talk about some awful comments on Hacker News, and why they’re wrong.Show Notes & Transcript →

    Episode 143 - Vanilla JS doesn't scale

    Play Episode Listen Later Feb 27, 2024 5:15


    In today's episode, I talk about some nonsense developer sometimes spout about vanilla JavaScript.In today's episode, I talk about some nonsense developer sometimes spout about vanilla JavaScript.Show Notes & Transcript →

    Episode 142 - PHP Islands Architecture

    Play Episode Listen Later Feb 20, 2024 9:48


    In today's episode, I talk about using PHP with a static site generator to build fast, resilient websites with dynamic content.In today's episode, I talk about using PHP with a static site generator to build fast, resilient websites with dynamic content.Show Notes & Transcript →

    Episode 141 - My obsidian setup

    Play Episode Listen Later Feb 13, 2024 10:18


    In today's episode, I talk about my setup in Obsidian.In today's episode, I talk about my setup in Obsidian.Show Notes & Transcript →

    Episode 140 - Getting stuff done as a developer with ADHD

    Play Episode Listen Later Feb 6, 2024 9:08


    In today's episode, I talk about how to get stuff done as a developer with ADHD.In today's episode, I talk about how to get stuff done as a developer with ADHD.Show Notes & Transcript →

    Episode 139 - Detecting when a Web Component is loaded with CSS

    Play Episode Listen Later Jan 30, 2024 2:41


    In today's episode, I talk about to detect when a Web Component is loaded using just CSS.In today's episode, I talk about to detect when a Web Component is loaded using just CSS.Show Notes & Transcript →

    Episode 138 - The elevator pitch for web components

    Play Episode Listen Later Jan 23, 2024 7:44


    In today's episode, I talk about why I think Web Component are the best way to author DOM manipulation libraries.In today's episode, I talk about why I think Web Component are the best way to author DOM manipulation libraries.Show Notes & Transcript →

    Episode 138 - The elevator pitch for web components

    Play Episode Listen Later Jan 23, 2024 7:44


    In today's episode, I talk about why I think Web Component are the best way to author DOM manipulation libraries. Links Code examples - https://gomakethings.com/the-elevator-pitch-for-web-components/ Consulting - https://gomakethings.com/consulting/ Lean Web Club - https://leanwebclub.com Transcript →

    Episode 137 - HTML Web Components

    Play Episode Listen Later Jan 16, 2024 6:17


    In today's episode, I talk about HTML Web Components, an approach to authoring Web Components that focuses on enhancing existing HTML.In today's episode, I talk about HTML Web Components, an approach to authoring Web Components that focuses on enhancing existing HTML.Show Notes & Transcript →

    Episode 137 - HTML Web Components

    Play Episode Listen Later Jan 16, 2024 6:17


    In today's episode, I talk about HTML Web Components, an approach to authoring Web Components that focuses on enhancing existing HTML. Links Jeremy’s article - https://adactio.com/journal/20618 Consulting - https://gomakethings.com/consulting/ Transcript →

    Episode 136 - HUG CSS, my approach to CSS architecture

    Play Episode Listen Later Jan 9, 2024 7:14


    In today's episode, I talk about HUG CSS, how I approach engineering my CSS.In today's episode, I talk about HUG CSS, how I approach engineering my CSS.Show Notes & Transcript →

    Episode 136 - HUG CSS, my approach to CSS architecture

    Play Episode Listen Later Jan 9, 2024 7:14


    In today's episode, I talk about HUG CSS, how I approach engineering my CSS.Transcript →

    Episode 135 - Classless vs. class-based CSS design systems

    Play Episode Listen Later Jan 2, 2024 4:45


    In today's episode, I talk about classless vs. class-based CSS design systems, and the pros and cons of each.In today's episode, I talk about classless vs. class-based CSS design systems, and the pros and cons of each.Show Notes & Transcript →

    Episode 135 - Classless vs. class-based CSS design systems

    Play Episode Listen Later Jan 2, 2024 4:45


    In today's episode, I talk about classless vs. class-based CSS design systems, and the pros and cons of each. Links Water.css - https://watercss.kognise.dev/ Bootstrap - https://getbootstrap.com/ USWDS - https://designsystem.digital.gov/ Kraken CSS - https://cferdinandi.github.io/kraken/ Skeleton - http://getskeleton.com/ Transcript →

    Episode 134 - The craft of the web

    Play Episode Listen Later Sep 26, 2023 1:56


    In today's episode, I talk about the craft of building things for the web.In today's episode, I talk about the craft of building things for the web.Show Notes & Transcript →

    Episode 134 - The craft of the web

    Play Episode Listen Later Sep 26, 2023 1:56


    In today's episode, I talk about the craft of building things for the web.Learn more about the Vanilla JS Academy at https://vanillajsacademy.com. Transcript →

    Episode 133 - Learning javascript

    Play Episode Listen Later Sep 20, 2023 14:39


    In today's episode, I talk about learning JavaScript, why its so hard, and what I think is a good way to approach it.In today's episode, I talk about learning JavaScript, why its so hard, and what I think is a good way to approach it.Show Notes & Transcript →

    javascript learning javascript
    Episode 133 - Learning javascript

    Play Episode Listen Later Sep 20, 2023 14:39


    In today's episode, I talk about learning JavaScript, why its so hard, and what I think is a good way to approach it.Learn more about the Vanilla JS Academy at https://vanillajsacademy.com. Transcript →

    javascript learning javascript
    Episode 132 - Dave Letorey on the State of the Browser Conference

    Play Episode Listen Later Aug 29, 2023 34:36


    In today's episode, I chat with Dave Letorey about web standards, dev education, and the State of the Browser conference.In today's episode, I chat with Dave Letorey about web standards, dev education, and the State of the Browser conference.Show Notes & Transcript →

    Episode 132 - Dave Letorey on the State of the Browser Conference

    Play Episode Listen Later Aug 29, 2023 34:36


    In today's episode, I chat with Dave Letorey about web standards, dev education, and the State of the Browser conference.Learn more about the State of the Browser Conference… Transcript →

    Episode 131 - How do you use the platform when platform features aren't evenly distributed?

    Play Episode Listen Later Aug 22, 2023 5:32


    In today's episode, I talk about how to use platform features across various browsers.In today's episode, I talk about how to use platform features across various browsers.Show Notes & Transcript →

    Episode 131 - How do you use the platform when platform features aren't evenly distributed?

    Play Episode Listen Later Aug 22, 2023 5:32


    In today's episode, I talk about how to use platform features across various browsers.Join the Lean Web Club → Transcript →

    Episode 130 - The fear of keeping up

    Play Episode Listen Later Aug 15, 2023 2:53


    In today's episode, I talk about how to keep up with an industry that's rapidly changing (spoiler: you can't!).In today's episode, I talk about how to keep up with an industry that’s rapidly changing (spoiler: you can’t!).Show Notes & Transcript →

    Episode 130 - The fear of keeping up

    Play Episode Listen Later Aug 15, 2023 2:53


    In today's episode, I talk about how to keep up with an industry that's rapidly changing (spoiler: you can't!).Join the Lean Web Club. Transcript →

    Episode 129 - The joy of simplicity in web development

    Play Episode Listen Later Aug 8, 2023 4:03


    In today's episode, I talk about how simpler web development are better for developers, too (and not just users).In today's episode, I talk about how simpler web development are better for developers, too (and not just users).Show Notes & Transcript →

    Episode 129 - The joy of simplicity in web development

    Play Episode Listen Later Aug 8, 2023 4:03


    In today's episode, I talk about how simpler web development are better for developers, too (and not just users). Links The Lean Web Club: https://leanwebclub.com Ditching Gulp for NPM: https://gomakethings.com/my-build-tool-boilerplate-goes-v2/ Transcript →

    Episode 128 - WTF is the Lean Web!?

    Play Episode Listen Later Aug 1, 2023 7:48


    In today's episode, I talk about what the Lean Web actually is.In today's episode, I talk about what the Lean Web actually is.Show Notes & Transcript →

    Episode 128 - WTF is the Lean Web!?

    Play Episode Listen Later Aug 1, 2023 7:48


    In today's episode, I talk about what the Lean Web actually is. Links The Lean Web Club - https://leanwebclub.com Element.querySelector() - https://vanillajstoolkit.com/reference/selectors/document-queryselector/ The classList API - https://gomakethings.com/how-to-add-and-remove-classes-with-vanilla-js/ The fetch() method - https://gomakethings.com/the-javascript-fetch-method/ details and summary - https://gomakethings.com/creating-a-progressively-enhanced-accordion-with-the-details-and-summary-elements-and-11-lines-of-javascript/ Transcript →

    queryselector
    Episode 127 - Hype-driven development with Jared White

    Play Episode Listen Later Jul 18, 2023 45:17


    In today's episode, I talk with Jared White about Hype-Driven Development, and what we can do about it. Links The Spicy Web JaredWhite.com White Fusion Studio The Great Gaslighting of the JS Age Bridgetown SSG Hotwire and Turbo Svelte Astro JS Compiler Performance htmx Shoelace Transcript →

    Episode 126 - A web for everyone

    Play Episode Listen Later Jul 11, 2023 4:26


    In today's episode, I talk about building a web that works for everyone.In today's episode, I talk about building a web that works for everyone.Show Notes & Transcript →

    Episode 126 - A web for everyone

    Play Episode Listen Later Jul 11, 2023 4:26


    In today's episode, I talk about building a web that works for everyone.Join the Lean Web Club → Transcript →

    Episode 125 - Coding and cheap speakers

    Play Episode Listen Later Jun 13, 2023 4:16


    In today's episode, I talk about coding, build tools, web performance, and cheap speakers.In today's episode, I talk about coding, build tools, web performance, and cheap speakers.Show Notes & Transcript →

    Episode 125 - Coding and cheap speakers

    Play Episode Listen Later Jun 13, 2023 4:16


    In today's episode, I talk about coding, build tools, web performance, and cheap speakers. Links Keith’s tweet: https://twitter.com/Keithamus/status/1585940696569384960 Transcript →

    Episode 124 - How to build lean, efficient websites in 2023

    Play Episode Listen Later Jun 6, 2023 3:49


    In today's episode, I talk about how to build lean efficient websites with the modern web.In today's episode, I talk about how to build lean efficient websites with the modern web.Show Notes & Transcript →

    Episode 124 - How to build lean, efficient websites in 2023

    Play Episode Listen Later Jun 6, 2023 3:49


    In today's episode, I talk about how to build lean efficient websites with the modern web.Transcript →

    Episode 123 - How to build a great developer community

    Play Episode Listen Later May 30, 2023 5:39


    In today's episode, I talk about my tips and tricks for building and maintaining a thriving developer community.In today's episode, I talk about my tips and tricks for building and maintaining a thriving developer community.Show Notes & Transcript →

    Episode 123 - How to build a great developer community

    Play Episode Listen Later May 30, 2023 5:39


    In today's episode, I talk about my tips and tricks for building and maintaining a thriving developer community. Links My Community Guidelines: https://gomakethings.com/community-guidelines/ The Lean Web Club: https://leanwebclub.com Transcript →

    Episode 122 - Using numeric separators for better readability in your code

    Play Episode Listen Later May 25, 2023 2:22


    In today's episode, I talk about numeric separators in JavaScript, and how they can improve code readability.In today's episode, I talk about numeric separators in JavaScript, and how they can improve code readability.Show Notes & Transcript →

    Episode 122 - Using numeric separators for better readability in your code

    Play Episode Listen Later May 25, 2023 2:22


    In today's episode, I talk about numeric separators in JavaScript, and how they can improve code readability.Transcript →

    Episode 121 - How to start an ordered list with a number other than one

    Play Episode Listen Later May 23, 2023 1:57


    In today's episode, I talk about how to start an ordered list with a number other than one.In today's episode, I talk about how to start an ordered list with a number other than one.Show Notes & Transcript →

    Episode 121 - How to start an ordered list with a number other than one

    Play Episode Listen Later May 23, 2023 1:57


    In today's episode, I talk about how to start an ordered list with a number other than one.Transcript →

    Episode 120 - How I implement location-based pricing for my courses, books, and workshops

    Play Episode Listen Later May 18, 2023 12:51


    In today's episode, I talk about how I implement location-based pricing for my courses, books, and workshops.In today's episode, I talk about how I implement location-based pricing for my courses, books, and workshops.Show Notes & Transcript →

    Episode 120 - How I implement location-based pricing for my courses, books, and workshops

    Play Episode Listen Later May 18, 2023 12:51


    In today's episode, I talk about how I implement location-based pricing for my courses, books, and workshops. Links Working with Hugo: https://gomakethings.com/series/hugo-and-static-site-generators/ Easy Digital Downloads: https://easydigitaldownloads.com/ Pricing Parity Plugin: https://github.com/cferdinandi/gmt-pricing-parity/ GeoLite 2: https://www.maxmind.com/en/home My various product sites: https://gomakethings.com/resources/ The PPP API: https://purchasing-power-parity.com/ Transcript →

    Episode 119 - How I create my JavaScript books and courses

    Play Episode Listen Later May 16, 2023 15:54


    In today's episode, I talk about how I create my courses, books, and workshops.In today's episode, I talk about how I create my courses, books, and workshops.Show Notes & Transcript →

    Episode 119 - How I create my JavaScript books and courses

    Play Episode Listen Later May 16, 2023 15:54


    In today's episode, I talk about how I create my courses, books, and workshops. Links My Pocket Guides: https://vanillajsguides.com/ Screenflow: https://www.telestream.net/screenflow/overview.htm Camtasia: https://www.techsmith.com/video-editor.html Unsplash: https://unsplash.com/ The Noun Project: https://thenounproject.com/ Sketch: https://www.sketch.com/ Pandoc: https://pandoc.org/ wkhtmltopdf: https://wkhtmltopdf.org/ Calibre: https://calibre-ebook.com/ Ebook Boilerplate CLI: https://github.com/cferdinandi/ebook-boilerplate Vimeo: https://vimeo.com/solutions/creative-professionals-solutions Rev: https://www.rev.com/ Transcript →

    Episode 118 - Congrats, you're a front end developer!

    Play Episode Listen Later May 11, 2023 2:06


    In today's episode, I talk about what makes someone a front end developer.In today's episode, I talk about what makes someone a front end developer.Show Notes & Transcript →

    Episode 118 - Congrats, you're a front end developer!

    Play Episode Listen Later May 11, 2023 2:06


    In today's episode, I talk about what makes someone a front end developer.Transcript →

    Episode 117 - Accessibility with Ben Myers

    Play Episode Listen Later May 9, 2023 51:34


    In today's episode, I talk aboutIn today's episode, I talk aboutShow Notes & Transcript →

    Episode 117 - Accessibility with Ben Myers

    Play Episode Listen Later May 9, 2023 51:34


    In today's episode, I talk about Links https://someantics.dev/ https://benmyers.dev/#h-blog https://webaim.org/projects/million/ https://deque.com/axe/devtools/ https://chrome.google.com/webstore/detail/axe-devtools-web-accessib/lhdoppojpmngadmnindnejefpokejbdd https://developer.chrome.com/docs/lighthouse/accessibility/ https://www.scottohara.me/ https://twitter.com/marcysutton/status/1292971874570256385 https://www.deque.com/axe-con/sessions/the-accessibility-to-burnout-pipeline/ https://www.youtube.com/watch?v=cZhiu-jGbdE Transcript →

    Claim The Vanilla JS Podcast

    In order to claim this podcast we'll send an email to with a verification link. Simply click the link and you will be able to edit tags, request a refresh, and other features to take control of your podcast page!

    Claim Cancel