web02.fireside.fm Wed, 06 May 2026 13:01:23 -0500 Fireside (https://fireside.fm) PodRocket - Episodes Tagged with “Html” https://podrocket.logrocket.com/tags/html Wed, 08 Oct 2025 08:00:00 -0400 PodRocket covers everything you need to know about frontend web development on a weekly basis. Join our hosts as they interview experienced developers about all the libraries, frameworks, and tech industry issues they deal with every day. en-us episodic A web development podcast from LogRocket LogRocket PodRocket covers everything you need to know about frontend web development on a weekly basis. Join our hosts as they interview experienced developers about all the libraries, frameworks, and tech industry issues they deal with every day. no front-end, web development, front-end development, frontend development, tech, LogRocket elizabeth.becz@logrocket.com Semantic HTML still matters with Jono Alderson http://podrocket.logrocket.com/semantic-html-still-matters-with-jono-alderson a0334254-1a53-4f8f-a3a8-5067b5a80c1f Wed, 08 Oct 2025 08:00:00 -0400 LogRocket full LogRocket Jono Alderson joins the podcast to discuss why semantic HTML still matters today. He shares how thoughtful markup can improve accessibility and performance, from using the picture tag and responsive images to optimizing with content-visibility CSS. The conversation dives into common pitfalls like div soup, the shift toward more template-centric design, and techniques for improving the critical rendering path. Jono also discusses preloading, HTTP early hints, and the evolving role of structured data, LLMs, and Google’s trust signals in shaping a more meaningful and efficient web. 26:52 no <p>Jono Alderson joins the podcast to discuss why semantic HTML still matters today. He shares how thoughtful markup can improve accessibility and performance, from using the picture tag and responsive images to optimizing with content-visibility CSS. The conversation dives into common pitfalls like div soup, the shift toward more template-centric design, and techniques for improving the critical rendering path. Jono also discusses preloading, HTTP early hints, and the evolving role of structured data, LLMs, and Google’s trust signals in shaping a more meaningful and efficient web.</p> <h3>Links</h3> <p>Website: <a href="https://www.jonoalderson.com" target="_blank" rel="nofollow noopener">https://www.jonoalderson.com</a><br> X: <a href="https://x.com/jonoalderson" target="_blank" rel="nofollow noopener">https://x.com/jonoalderson</a><br> BlueSky: <a href="https://bsky.app/profile/jono.id" target="_blank" rel="nofollow noopener">https://bsky.app/profile/jono.id</a><br> LinkedIn: <a href="https://www.linkedin.com/in/jonoalderson" target="_blank" rel="nofollow noopener">https://www.linkedin.com/in/jonoalderson</a></p> <h3>Resources</h3> <p>Why semantic HTML still matters: <a href="https://www.jonoalderson.com/conjecture/why-semantic-html-still-matters/" target="_blank" rel="nofollow noopener">https://www.jonoalderson.com/conjecture/why-semantic-html-still-matters/</a></p> <h3>Chapters</h3> <p>00:40 Meet Jono Alderson: SEO Consultant and Web Performance Expert<br> 02:00 Why Semantic HTML Still Matters in 2025<br> 05:00 Accessibility, Performance, and the 15% Market Opportunity<br> 08:00 The Cost of Div Soup and Framework Abstraction<br> 10:30 Finding Balance: Developer Experience vs User Experience<br> 13:00 Template-Centric Thinking vs Component-Centric Development<br> 16:00 What Is a Page? Rethinking How the Web Works<br> 18:30 Structured Data, Schema.org, and Google’s Trust Signals<br> 21:00 Quick Round: Picture Tag, Content Visibility, and Performance<br> 23:30 The Worst HTML Anti-Patterns Developers Still Use<br> 25:00 Will LLMs Reward Good Markup or Ignore It?<br> 26:00 Where to Find Jono Alderson and Closing Thoughts</p> <h3>We want to hear from you!</h3> <p>How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?</p> <p><strong>Fill out our <a href="https://t.co/oKVAEXipxu" target="_blank" rel="nofollow noopener">listener survey</a>!</strong> <br> Let us know by sending an email to our producer, Elizabeth, at <a href="mailto:elizabeth.becz@logrocket.com" target="_blank" rel="nofollow noopener">elizabet.becz@logrocket.com</a>, or tweet at us at <a href="https://twitter.com/PodRocketpod" target="_blank" rel="nofollow noopener">PodRocketPod</a>.</p> <h3>Follow us. Get free stickers.</h3> <p>Follow us on Apple Podcasts, fill out this <a href="https://podrocket.logrocket.com/get-podrocket-stickers" target="_blank" rel="nofollow noopener">form</a>, and we’ll send you free PodRocket stickers!</p> <h3>What does LogRocket do?</h3> <p>LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. <a href="https://logrocket.com/signup/?pdr" target="_blank" rel="nofollow noopener">Try LogRocket for free today.</a> </p> semantic HTML, semantic HTML still matters, accessibility 10–15 percent, picture tag, responsive images, source elements, content-visibility CSS, lazy load footer, critical rendering path, div soup, component-centric vs template-centric, template-centric architecture, Tailwind nightmares, performance optimization, preloading and HTTP early hints, HTMX pitfalls, LLMs and markup, Google trust signals, structured data and schema.org, URLs vs smaller content units, pipelines and integrations JSON, marketing pamphlets for machines, bad web training data Jono Alderson joins the podcast to discuss why semantic HTML still matters today. He shares how thoughtful markup can improve accessibility and performance, from using the picture tag and responsive images to optimizing with content-visibility CSS. The conversation dives into common pitfalls like div soup, the shift toward more template-centric design, and techniques for improving the critical rendering path. Jono also discusses preloading, HTTP early hints, and the evolving role of structured data, LLMs, and Google’s trust signals in shaping a more meaningful and efficient web.

Links

Website: https://www.jonoalderson.com
X: https://x.com/jonoalderson
BlueSky: https://bsky.app/profile/jono.id
LinkedIn: https://www.linkedin.com/in/jonoalderson

Resources

Why semantic HTML still matters: https://www.jonoalderson.com/conjecture/why-semantic-html-still-matters/

Chapters

00:40 Meet Jono Alderson: SEO Consultant and Web Performance Expert
02:00 Why Semantic HTML Still Matters in 2025
05:00 Accessibility, Performance, and the 15% Market Opportunity
08:00 The Cost of Div Soup and Framework Abstraction
10:30 Finding Balance: Developer Experience vs User Experience
13:00 Template-Centric Thinking vs Component-Centric Development
16:00 What Is a Page? Rethinking How the Web Works
18:30 Structured Data, Schema.org, and Google’s Trust Signals
21:00 Quick Round: Picture Tag, Content Visibility, and Performance
23:30 The Worst HTML Anti-Patterns Developers Still Use
25:00 Will LLMs Reward Good Markup or Ignore It?
26:00 Where to Find Jono Alderson and Closing Thoughts

We want to hear from you!

How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?

Fill out our listener survey!
Let us know by sending an email to our producer, Elizabeth, at elizabet.becz@logrocket.com, or tweet at us at PodRocketPod.

Follow us. Get free stickers.

Follow us on Apple Podcasts, fill out this form, and we’ll send you free PodRocket stickers!

What does LogRocket do?

LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. Try LogRocket for free today.

]]> Jono Alderson joins the podcast to discuss why semantic HTML still matters today. He shares how thoughtful markup can improve accessibility and performance, from using the picture tag and responsive images to optimizing with content-visibility CSS. The conversation dives into common pitfalls like div soup, the shift toward more template-centric design, and techniques for improving the critical rendering path. Jono also discusses preloading, HTTP early hints, and the evolving role of structured data, LLMs, and Google’s trust signals in shaping a more meaningful and efficient web.

Links

Website: https://www.jonoalderson.com
X: https://x.com/jonoalderson
BlueSky: https://bsky.app/profile/jono.id
LinkedIn: https://www.linkedin.com/in/jonoalderson

Resources

Why semantic HTML still matters: https://www.jonoalderson.com/conjecture/why-semantic-html-still-matters/

Chapters

00:40 Meet Jono Alderson: SEO Consultant and Web Performance Expert
02:00 Why Semantic HTML Still Matters in 2025
05:00 Accessibility, Performance, and the 15% Market Opportunity
08:00 The Cost of Div Soup and Framework Abstraction
10:30 Finding Balance: Developer Experience vs User Experience
13:00 Template-Centric Thinking vs Component-Centric Development
16:00 What Is a Page? Rethinking How the Web Works
18:30 Structured Data, Schema.org, and Google’s Trust Signals
21:00 Quick Round: Picture Tag, Content Visibility, and Performance
23:30 The Worst HTML Anti-Patterns Developers Still Use
25:00 Will LLMs Reward Good Markup or Ignore It?
26:00 Where to Find Jono Alderson and Closing Thoughts

We want to hear from you!

How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?

Fill out our listener survey!
Let us know by sending an email to our producer, Elizabeth, at elizabet.becz@logrocket.com, or tweet at us at PodRocketPod.

Follow us. Get free stickers.

Follow us on Apple Podcasts, fill out this form, and we’ll send you free PodRocket stickers!

What does LogRocket do?

LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. Try LogRocket for free today.

]]> Relatively new things you should know about HTML with Chris Coyier (Repeat) http://podrocket.logrocket.com/relatively-new-things-you-should-know-about-html-chris-coyier-repeat 91d26313-24a6-4ffa-bef9-1f249a04342e Thu, 29 May 2025 08:00:00 -0400 LogRocket full 4 LogRocket In this repeat episode, Chris Coyier, co-founder of CodePen, talks about the evolving landscape of HTML heading into 2025. He delves into topics like the slow evolution of HTML compared to CSS and JavaScript, the importance of backwards compatibility, new HTML elements and pseudo-elements, and the potential of declarative shadow DOM for server-side rendering in web components. 40:06 no <p>In this repeat episode, Chris Coyier, co-founder of CodePen, talks about the evolving landscape of HTML heading into 2025. He delves into topics like the slow evolution of HTML compared to CSS and JavaScript, the importance of backwards compatibility, new HTML elements and pseudo-elements, and the potential of declarative shadow DOM for server-side rendering in web components.</p> <h3>Links</h3> <p>Website: <a href="https://chriscoyier.net" target="_blank" rel="nofollow noopener">https://chriscoyier.net</a><br> Codepen: <a href="https://codepen.io/chriscoyier" target="_blank" rel="nofollow noopener">https://codepen.io/chriscoyier</a><br> Frontend Social: <a href="https://front-end.social/@chriscoyier" target="_blank" rel="nofollow noopener">https://front-end.social/@chriscoyier</a><br> Github: <a href="https://github.com/chriscoyier" target="_blank" rel="nofollow noopener">https://github.com/chriscoyier</a><br> Threads: <a href="https://www.threads.net/@chriscoyier" target="_blank" rel="nofollow noopener">https://www.threads.net/@chriscoyier</a><br> Bluesky: <a href="https://bsky.app/profile/chriscoyier.net" target="_blank" rel="nofollow noopener">https://bsky.app/profile/chriscoyier.net</a></p> <h3>We want to hear from you!</h3> <p>How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?</p> <p>Let us know by sending an email to our producer, Em, at <a href="mailto:emily.kochanek@logrocket.com" target="_blank" rel="nofollow noopener">emily.kochanek@logrocket.com</a>, or tweet at us at <a href="https://twitter.com/PodRocketpod" target="_blank" rel="nofollow noopener">PodRocketPod</a>.</p> <h3>Follow us. Get free stickers.</h3> <p>Follow us on Apple Podcasts, fill out this <a href="https://podrocket.logrocket.com/get-podrocket-stickers" target="_blank" rel="nofollow noopener">form</a>, and we’ll send you free PodRocket stickers!</p> <h3>What does LogRocket do?</h3> <p>LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. <a href="https://logrocket.com/signup/?pdr" target="_blank" rel="nofollow noopener">Try LogRocket for free today.</a> Special Guest: Chris Coyier.</p> Chris Coyier, PodRocket, web development, LogRocket, session replay, analytics, HTML, CSS, JavaScript, CodePen, Paige Niedringhaus, front-end, HTML5, ECMAScript, web standards, compatibility, pseudo elements, ARIA, search tag, custom elements, web components, declarative shadow DOM, SSR, server-side rendering, routing, Shoelace, Lit, inert attribute, modal accessibility, dialog element, view transitions, traditional web, browser compatibility, Interop project, web design, web performance, state management, design system. In this repeat episode, Chris Coyier, co-founder of CodePen, talks about the evolving landscape of HTML heading into 2025. He delves into topics like the slow evolution of HTML compared to CSS and JavaScript, the importance of backwards compatibility, new HTML elements and pseudo-elements, and the potential of declarative shadow DOM for server-side rendering in web components.

Links

Website: https://chriscoyier.net
Codepen: https://codepen.io/chriscoyier
Frontend Social: https://front-end.social/@chriscoyier
Github: https://github.com/chriscoyier
Threads: https://www.threads.net/@chriscoyier
Bluesky: https://bsky.app/profile/chriscoyier.net

We want to hear from you!

How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?

Let us know by sending an email to our producer, Em, at emily.kochanek@logrocket.com, or tweet at us at PodRocketPod.

Follow us. Get free stickers.

Follow us on Apple Podcasts, fill out this form, and we’ll send you free PodRocket stickers!

What does LogRocket do?

LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. Try LogRocket for free today.

Special Guest: Chris Coyier.

]]> In this repeat episode, Chris Coyier, co-founder of CodePen, talks about the evolving landscape of HTML heading into 2025. He delves into topics like the slow evolution of HTML compared to CSS and JavaScript, the importance of backwards compatibility, new HTML elements and pseudo-elements, and the potential of declarative shadow DOM for server-side rendering in web components.

Links

Website: https://chriscoyier.net
Codepen: https://codepen.io/chriscoyier
Frontend Social: https://front-end.social/@chriscoyier
Github: https://github.com/chriscoyier
Threads: https://www.threads.net/@chriscoyier
Bluesky: https://bsky.app/profile/chriscoyier.net

We want to hear from you!

How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?

Let us know by sending an email to our producer, Em, at emily.kochanek@logrocket.com, or tweet at us at PodRocketPod.

Follow us. Get free stickers.

Follow us on Apple Podcasts, fill out this form, and we’ll send you free PodRocket stickers!

What does LogRocket do?

LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. Try LogRocket for free today.

Special Guest: Chris Coyier.

]]> Relatively New Things You Should Know about HTML with Chris Coyier http://podrocket.logrocket.com/relatively-new-things-you-should-know-about-html-chris-coyier 8be588e1-d229-494d-ae1c-f7fd864f9df1 Thu, 30 Jan 2025 08:00:00 -0500 LogRocket full 4 LogRocket Chris Coyier, co-founder of CodePen, talks about the evolving landscape of HTML heading into 2025. He delves into topics like the slow evolution of HTML compared to CSS and JavaScript, the importance of backwards compatibility, new HTML elements and pseudo-elements, and the potential of declarative shadow DOM for server-side rendering in web components. 40:26 no <p>Chris Coyier, co-founder of CodePen, talks about the evolving landscape of HTML heading into 2025. He delves into topics like the slow evolution of HTML compared to CSS and JavaScript, the importance of backwards compatibility, new HTML elements and pseudo-elements, and the potential of declarative shadow DOM for server-side rendering in web components.</p> <h3>Links</h3> <p><a href="https://chriscoyier.net" target="_blank" rel="nofollow noopener">https://chriscoyier.net</a><br> <a href="https://codepen.io/chriscoyier" target="_blank" rel="nofollow noopener">https://codepen.io/chriscoyier</a><br> <a href="https://front-end.social/@chriscoyier" target="_blank" rel="nofollow noopener">https://front-end.social/@chriscoyier</a><br> <a href="https://github.com/chriscoyier" target="_blank" rel="nofollow noopener">https://github.com/chriscoyier</a><br> <a href="https://www.threads.net/@chriscoyier" target="_blank" rel="nofollow noopener">https://www.threads.net/@chriscoyier</a><br> <a href="https://bsky.app/profile/chriscoyier.net" target="_blank" rel="nofollow noopener">https://bsky.app/profile/chriscoyier.net</a></p> <h3>We want to hear from you!</h3> <p>How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?</p> <p>Let us know by sending an email to our producer, Emily, at <a href="mailto:emily.kochanekketner@logrocket.com" target="_blank" rel="nofollow noopener">emily.kochanekketner@logrocket.com</a>, or tweet at us at <a href="https://twitter.com/PodRocketpod" target="_blank" rel="nofollow noopener">PodRocketPod</a>.</p> <h3>Follow us. Get free stickers.</h3> <p>Follow us on Apple Podcasts, fill out this <a href="https://podrocket.logrocket.com/get-podrocket-stickers" target="_blank" rel="nofollow noopener">form</a>, and we’ll send you free PodRocket stickers!</p> <h3>What does LogRocket do?</h3> <p>LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(<a href="https://logrocket.com/signup/?pdr" target="_blank" rel="nofollow noopener">https://logrocket.com/signup/?pdr</a>) Special Guest: Chris Coyier.</p> Chris Coyier, PodRocket, web development, LogRocket, session replay, analytics, HTML, CSS, JavaScript, CodePen, Paige Niedringhaus, front-end, HTML5, ECMAScript, web standards, compatibility, pseudo elements, ARIA, search tag, custom elements, web components, declarative shadow DOM, SSR, server-side rendering, routing, Shoelace, Lit, inert attribute, modal accessibility, dialog element, view transitions, traditional web, browser compatibility, Interop project, web design, web performance, state management, design system. Chris Coyier, co-founder of CodePen, talks about the evolving landscape of HTML heading into 2025. He delves into topics like the slow evolution of HTML compared to CSS and JavaScript, the importance of backwards compatibility, new HTML elements and pseudo-elements, and the potential of declarative shadow DOM for server-side rendering in web components.

Links

https://chriscoyier.net
https://codepen.io/chriscoyier
https://front-end.social/@chriscoyier
https://github.com/chriscoyier
https://www.threads.net/@chriscoyier
https://bsky.app/profile/chriscoyier.net

We want to hear from you!

How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?

Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com, or tweet at us at PodRocketPod.

Follow us. Get free stickers.

Follow us on Apple Podcasts, fill out this form, and we’ll send you free PodRocket stickers!

What does LogRocket do?

LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr)

Special Guest: Chris Coyier.

]]> Chris Coyier, co-founder of CodePen, talks about the evolving landscape of HTML heading into 2025. He delves into topics like the slow evolution of HTML compared to CSS and JavaScript, the importance of backwards compatibility, new HTML elements and pseudo-elements, and the potential of declarative shadow DOM for server-side rendering in web components.

Links

https://chriscoyier.net
https://codepen.io/chriscoyier
https://front-end.social/@chriscoyier
https://github.com/chriscoyier
https://www.threads.net/@chriscoyier
https://bsky.app/profile/chriscoyier.net

We want to hear from you!

How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?

Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com, or tweet at us at PodRocketPod.

Follow us. Get free stickers.

Follow us on Apple Podcasts, fill out this form, and we’ll send you free PodRocket stickers!

What does LogRocket do?

LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr)

Special Guest: Chris Coyier.

]]> PodRocket presents: Full-stack development has changed with HTML All The Things http://podrocket.logrocket.com/html-all-the-things-fullstack 6b9da757-513d-4066-99c4-bc2209459529 Thu, 21 Jul 2022 08:00:00 -0400 LogRocket full 2 LogRocket We'll be back with our PodRocket episodes tomorrow but today, we're bringing you a guest episode with Matt and Mike from HTML All The Things podcast about how full stack development has changed, including how Next.js, Nuxt.js, and SvelteKit have evolved. 1:14:45 no <p>We'll be back with our PodRocket episodes tomorrow but today, we're bringing you a guest episode with Matt and Mike from HTML All The Things podcast about how full stack development has changed, including how Next.js, Nuxt.js, and SvelteKit have evolved.</p> <h3>Links</h3> <p><a href="https://www.htmlallthethings.com" target="_blank" rel="nofollow noopener">https://www.htmlallthethings.com</a><br> <a href="https://twitter.com/htmleverything" target="_blank" rel="nofollow noopener">https://twitter.com/htmleverything</a><br> <a href="https://www.patreon.com/htmlallthethings" target="_blank" rel="nofollow noopener">https://www.patreon.com/htmlallthethings</a></p> <h3>Follow us. Get free stickers.</h3> <p>Follow us on Apple Podcasts, fill out this <a href="https://podrocket.logrocket.com/get-podrocket-stickers" target="_blank" rel="nofollow noopener">form</a>, and we'll send you free PodRocket stickers!</p> <h3>What does LogRocket do?</h3> <p>LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. <a href="https://logrocket.com/signup/?pdr" target="_blank" rel="nofollow noopener">Try LogRocket for free today.</a> </p> html, full stack development, development We'll be back with our PodRocket episodes tomorrow but today, we're bringing you a guest episode with Matt and Mike from HTML All The Things podcast about how full stack development has changed, including how Next.js, Nuxt.js, and SvelteKit have evolved.

Links

https://www.htmlallthethings.com
https://twitter.com/htmleverything
https://www.patreon.com/htmlallthethings

Follow us. Get free stickers.

Follow us on Apple Podcasts, fill out this form, and we'll send you free PodRocket stickers!

What does LogRocket do?

LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today.

]]> We'll be back with our PodRocket episodes tomorrow but today, we're bringing you a guest episode with Matt and Mike from HTML All The Things podcast about how full stack development has changed, including how Next.js, Nuxt.js, and SvelteKit have evolved.

Links

https://www.htmlallthethings.com
https://twitter.com/htmleverything
https://www.patreon.com/htmlallthethings

Follow us. Get free stickers.

Follow us on Apple Podcasts, fill out this form, and we'll send you free PodRocket stickers!

What does LogRocket do?

LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today.

]]>