Feed - Scott Jehl's Blog

How To Use Standard HTML Video & Audio Lazy-Loading on the Web Today 🔗

<div type="html"/> [...]

Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy Loading to Today’s Browsers 🔗

<div type="html"/> [...]

Standard HTML Video & Audio Lazy-loading is Coming! 🔗

In case you haven't already heard, my team at Squarespace has been working to standardize HTML Video & Audio element lazy-loading, and good things a [...]

Enhancing Web Components Safely with Self-Destructing CSS 🔗

A month ago, I wrote about a defensive CSS convention I've been calling Self-Destructing CSS. As CSS patterns go these days this one is delightfully l [...]

Could Open Graph Just Be a CSS Media Type? 🔗

If you were to link to a page on my website (and many others) from another social media website, you'd likely see an image preview of the page appear. [...]

For Your Convenience, This CSS Will Self-Destruct 🔗

As a web developer, I find that good performance, accessibility, and reliability is often acheived by playing defense against the many problems folks [...]

Fast & Smooth Third-Party Web Fonts 🔗

If you're loading fonts from a popular third party provider like Google Fonts or Typekit, the stylesheet link-based loading snippets they offer are no [...]

Building a QR Code HTML Web Component 🔗

Recently, a friend asked if I knew of a Web Component that generates a QR Code from meaningful HTML. She said that there seemed to be plenty of option [...]

Smashing Conf NYC 2024: Web Components Can't Save Us, But You Can! 🔗

<div type="html"/> [...]

Frontend Masters: Relatively New Things You Should Know about HTML Heading Into 2025 🔗

<div type="html"/> [...]

Let's Standardize Async CSS! 🔗

6 years back I posted the Simplest Way to Load CSS Asynchronously to document a hack we'd been using for at least 6 years prior to that. The use case [...]

Syntax.fm Podcast: Web Components Can't Save Us 🔗

I had the great opportunity to go on the Syntax podcast and talk about web performance, web components, the Boston Globe project, JavaScript over reli [...]

The History of Web Performance 🔗

<p><img src="https://scottjehl.com/assets/history-of-web-performance.png" alt=""History of Web Performance: a timeline. 1989-2013: Everything is [...]

Now Released! The Web Components Demystified Online Course 🔗

Big news! My new online course, Web Components Demystified has launched and is open for enrollment! What's It About? There's a shift underway in front [...]

HTML Web Components Can Have a Little Shadow DOM, As A Treat 🔗

Well, I swore myself off blogging until I get this course launched and sure enough, here I am again. But a little idea about HTML Web Components has b [...]

Have It All: External, Styleable, & Scalable SVG 🔗

It has been a few years since I'd last tinkered with approaches for embedding SVG into webpages, but a nice post making the rounds today prompted me t [...]

Joining Squarespace 🔗

figure { margin: 1rem 0; } figure img { display: block; border-bottom-right-radius: 0; border-bottom-left-radi [...]

Responsive Video Works Now. These Features Could Make It Work Better. 🔗

Recently in the Web Performance Slack group, there was some discussion around Responsive Video and what else it is lacking, now that it works at a bas [...]

Just Speculating: You May Not Need a SPA framework 🔗

If you follow Web Performance topics closely, perhaps you've heard about Speculation Rules, a new browser API that aims to improve page-to-page naviga [...]

Announcing Web Components Demystified, an Online Course 🔗

iframe { margin: 1em 0; } .wcd-ksbutton { display: inline-block; background: #000; margin: 1em auto; border-radi [...]

How would you build Wordle with just HTML & CSS? 🔗

I’ve been thinking about the questions folks are typically asked in front-end interviews these days, and how well those questions assess a candidate's [...]

New Work: Begin.com's New Site & Brand Extensions 🔗

When I began consulting with the Begin team in late 2023, they had a "good problem" on their hands. Several years prior, the team took a calculated ri [...]

HTML Web Components on the Server Are Great 🔗

I'll start this post by echoing what many others have been saying: Web Components are having a moment lately! After a decade dominated by fragile, com [...]

An HTML Templating Language That Keeps Its Secrets 🔗

Most of the websites I work on use some kind of templating language to generate their HTML using data. If you build websites too, you're probably fami [...]

Conditional Web Components are Perfect for Polyfills 🔗

Yesterday, I released an HTML Web Component that makes responsive HTML video a little responsive-r. In short, the new (standard!) behavior of responsi [...]

Extending Responsive Video with HTML Web Components 🔗

Responsive HTML video is a web standard again, and with recent patches to Firefox (oh hey!) and Chrome that match Safari's preexisting support, it now [...]

How to Use Responsive HTML Video (...and Audio!) 🔗

In case you haven't already heard, you can use media queries for delivering HTML video again! Just a few days ago, Firefox 120 landed and it includes [...]

You May Not Need Progressive Enhancement, The Term 🔗

Recently, I’ve heard several peers lament that Progressive Enhancement, a term describing a process of building resilient, user-first websites, isn’t [...]

Collab Time! I'm Teaming Up with Enhance Dev 🔗

Announcement! Today I am starting a new work collaboration that I’m real excited about! I’ve teamed up for a short while with the talented crew at Enh [...]

We're Bringing Responsive Video Back! 🔗

It's been a couple of years since I wrote HTML Video Sources Should Be Responsive, where I expressed frustration about the lack of a straightforward, [...]