In this episode, Matt and Mike dive into the world of CSS, breaking down essential concepts to help developers write cleaner, more effective stylesheets. Topics include how to avoid over-specificity, the effective use of modern layout tools like Grid and Flexbox, leveraging custom properties for dynamic styling, and adopting methodologies such as BEM to ensure maintainable code. They’ll also explore the newest CSS features, such as container queries and scroll-linked animations, while highlighting how CSS can improve accessibility. Whether you’re just starting with CSS or looking to refine your skills, this episode is packed with insights to level up your stylesheets.

Show Notes: https://www.htmlallthethings.com/podcasts/stop-overcomplicating-css-master-layouts-variables-and-modern-best-practices

Thanks to Wix Studio for sponsoring this episode! Check out Wix Studio, the web platform tailored to designers, developers, and marketers via this link: https://www.wix.com/studio

Matt and Mike dive deep into the results of the State of JavaScript 2024 survey. The discussion covers various topics such as declining happiness with JavaScript frameworks, the rise of the Astro framework, and the increasing shift towards TypeScript. Additional discussions include the use of AI for code generation and some new JavaScript features that developers are excited about. The guys also discussed the complexities and evolving nature of web development, and whether the modern JavaScript learning curve is sustainable for aspiring junior developers.

Show Notes: https://www.htmlallthethings.com/podcasts/why-is-everyone-unhappy-with-javascript-state-of-javascript-2024-survey

Thanks to Magic Mind for sponsoring this episode, enjoy up to 45% off the Magic Mind bundle using our link: https://magicmind.com/htmlpodbjan

Thanks to Wix Studio for sponsoring this episode! Check out Wix Studio, the web platform tailored to designers, developers, and marketers via this link: https://www.wix.com/studio

In this episode, Matt and Mike dive into the world of JavaScript environments, exploring the key differences between client-side and server-side JavaScript. Whether you're a beginner curious about how JavaScript works across the browser and the server, or an experienced developer looking for a refresher, this episode has you covered. Learn about the unique roles of client-side and server-side JavaScript, their common use cases, and when to use each. Plus, discover the latest trends like serverless environments, JAMstack, and exciting tools like Astro and Deno. Don't miss this comprehensive breakdown of JavaScript's dual nature!

‍Show Notes: https://www.htmlallthethings.com/podcasts/client-side-vs-server-side-javascript

Thanks to Wix Studio for sponsoring this episode! Check out Wix Studio, the web platform tailored to designers, developers, and marketers via this link: https://www.wix.com/studio

In this episode, Matt and Mike take a look back at 2024, reflecting on the milestones and challenges of the past year. From tackling tough web development topics to experimenting with new strategies, it’s been a year of growth and learning for the podcast and its community.

Show Notes: https://www.htmlallthethings.com/podcasts/2024-year-in-review-looking-towards-2025

Thanks to Wix Studio for sponsoring this episode! Check out Wix Studio, the web platform tailored to designers, developers, and marketers via this link: https://www.wix.com/studio

Holidays are a time to recharge, but for web developers, they can sometimes feel like an extension of the workweek. In this episode, Matt and Mike share strategies to set boundaries, avoid burnout, and truly disconnect during the holiday season. They also cover pre-holiday planning tips, ways to make the most of your time off, and how to start the new year with realistic expectations. Whether you're a freelancer or part of a team, these tips will help you balance work and rest this holiday season.

Show Notes: https://www.htmlallthethings.com/podcasts/how-to-actually-enjoy-the-holidays-as-a-web-developer

In this episode of the HTML All The Things Podcast, Matt and Mike dive into why good HTML practices are essential for building better, more accessible, and maintainable websites. They kick things off by explaining the importance of semantic HTML for readability, SEO, and accessibility—covering useful tags like

Matt and Mike also discuss how developers can properly create and use custom attributes—like data-* attributes—to store extra information cleanly without relying on fragile class naming conventions. Finally, they emphasize HTML's critical role in accessibility, highlighting best practices such as using ARIA attributes appropriately and providing meaningful alt text for images.

To cap off the episode, the hosts share some lighthearted updates about their holiday plans and give a shout-out to this episode’s sponsor, Magic Mind.

Thanks to Magic Mind for sponsoring this episode, enjoy 20% off one-time purchases and subscription using our link and code (Link: https://magicmind.com/HTMLPOD20 Code: HTMLPOD20)

Thanks to Wix Studio for sponsoring this episode! Check out Wix Studio, the web platform tailored to designers, developers, and marketers via this link: https://www.wix.com/studio

In this episode, Matt interviews Thomas Chant, an educator at Scrimba and creator of their Advanced JavaScript Course. Thomas shares insights from his journey as a TEFL teacher and web developer, highlighting his passion for teaching and technology. The discussion covers the role of educators in web development, leveraging social media for learning, and the evolving impact of AI on the industry. Thomas also provides tips for aspiring developers entering the job market and details Scrimba’s exciting annual event, JavaScriptmas. With the holiday season in full swing, JavaScriptmas has come once again to ring in some holiday cheer with coding challenges and cool prizes. Get involved and start learning some code by dominating challenges through December 24, 2024.

Show Notes: https://www.htmlallthethings.com/podcasts/educating-devs-that-get-hired-w-thomas-chant

JavaScriptmas 2024: https://scrimba.com/javascriptmas

10% off Scrimba discount (new accounts only, valid through 2024): https://scrimba.com/?via=htmlallthethings

In this episode of the HTML All Things Podcast, Matt and Mike explore the concept of monorepos - what they are, why they have gained popularity in recent years, and how they compare to polyrepos. The discussion delves into the advantages of monorepos, such as simplified dependency management, improved code sharing and reusability, consistency across teams, and streamlined CI/CD processes. Mike shares personal experiences and insights on the challenges and solutions related to monorepos, particularly through their team's use of TurboRepo. The episode also covers the potential drawbacks, including scaling issues, overhead of tooling, access control challenges, and the risk of entanglement. Whether you're new to monorepos or considering implementing one, this episode provides valuable insights and practical tips.

Show Notes: https://www.htmlallthethings.com/podcasts/monorepos-unpacked-the-good-the-bad-and-the-turbocharged

Thanks to Wix Studio for sponsoring this episode! Check out Wix Studio, the web platform tailored to designers, developers, and marketers via this link: https://www.wix.com/studio

CSS is typically reserved to just laying out pages, with any sort of interactivity or layout changes being left to JavaScript. As CSS matured, more features came out that gave it the ability to detect dynamic conditions on the page, create advanced animations, and apply advanced styling based on custom attributes. These advanced features give web designers the power of interactive design without the need for less-performant JavaScript. With JavaScript remaining one of the top choices for building web pages, should web developers be concerned with advanced CSS features both present and future? Or is offloading these tasks onto CSS concerning to the JavaScript community? In this episode, Matt and Mike discussed, debated, and analyzed interactive CSS, covering some features that Matt has been using and reading up on lately.

Show Notes: https://www.htmlallthethings.com/podcasts/can-css-replace-javascript-the-rise-of-interactive-styling

Sponsors:

Magic Mind Black Friday Deal!!! - 50% off until December 6, 2024 at our link: https://magicmind.com/htmlpodbf

Thanks to Magic Mind for sponsoring this episode, enjoy 20% off one-time purchases and subscription using our link and code (Link: https://magicmind.com/HTMLPOD20 Code: HTMLPOD20)

Thanks to Wix Studio for sponsoring this episode! Check out Wix Studio, the web platform tailored to designers, developers, and marketers via this link: https://www.wix.com/studio

In this episode, Matt and Mike introduce a new episode type dedicated to exploring the rapidly evolving world of AI. As AI tools advance at lightning speed, staying informed is critical for developers navigating this transformative era.

This week, they dive into the evolution of AI-powered development tools, from simple autocompletes like Copilot and TabNine to full-scale IDE solutions like Cursor and Supermaven. They discuss the pros and cons of using these advanced tools for multifile code generation and manipulation, highlighting both the efficiencies and risks they bring.

The conversation then shifts to the rise of AI-driven full-stack application generators, such as Bolt.new, V0, and GitHub Spark. These tools can build entire applications from simple prompts but come with a notable downside: tech bias. Matt shares his experience building a podcast website and highlights how AI's reliance on popular frameworks can limit the adoption of emerging technologies.

Finally, the duo debates the future of AI in the development industry. Will AI replace developers in 1, 3, or even 10 years? Tune in to find out!

Show Notes: https://www.htmlallthethings.com/podcasts/does-ai-have-tech-bias-ai-all-the-things

Thanks to Wix Studio for sponsoring this episode! Check out Wix Studio, the web platform tailored to designers, developers, and marketers via this link: https://www.wix.com/studio