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 [...]
Scott Jehl's Blog
Posts
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, [...]
Measure & Improve Your Site's Footprint with Carbon Control from Catchpoint WebPageTest 🔗
<div type="html"/> [...]
Video: Experimenting with Performance at the Edge 🔗
<div type="html"/> [...]
New WebPageTest Experiment: Edit Response HTML! 🔗
<div type="html"/> [...]
How Fast Is Your Web App? How to Test Page Transition Performance 🔗
<div type="html"/> [...]
Will Serving Real HTML Content Make A Website Faster? Let's Experiment! 🔗
<div type="html"/> [...]
Catchpoint Acquires Lightning-Fast Web Performance Online Course 🔗
<div type="html"/> [...]
A Backstage Tour of WebPageTest's New UI 🔗
<div type="html"/> [...]
HTML Video Sources Should Be Responsive 🔗
<div type="html"/> [...]
We need more inclusive web performance metrics 🔗
<div type="html"/> [...]
Lightning-Fast Web Performance, an online course 🔗
<div type="html"/> [...]
Move Fast & Don't Break Things 🔗
<div type="html"/> [...]
ASPIRE: Ideals to Aspire to When Building Websites 🔗
<div type="html"/> [...]
5G Will Definitely Make the Web Slower, Maybe 🔗
<div type="html"/> [...]
The Simplest Way to Load CSS Asynchronously 🔗
<div type="html"/> [...]
Shifting the Performance Burden 🔗
<div type="html"/> [...]
HTML Includes That Work Today 🔗
<div type="html"/> [...]
Tuning Performance for New and 'Old' Friends 🔗
<div type="html"/> [...]
Styling a Select Like It's 2019 🔗
<div type="html"/> [...]
A/B Testing at the Edge with Servers Workers 🔗
<div type="html"/> [...]
Second Meaningful Content: the Worst Performance Metric 🔗
<div type="html"/> [...]
Inlining or Caching? Both Please! 🔗
<div type="html"/> [...]
Swapping Images with the Sizes Attribute 🔗
<div type="html"/> [...]
Accessibility in a Responsive World, A11Y Days 2017 🔗
<div type="html"/> [...]
Modernizing our Progressive Enhancement Delivery 🔗
<div type="html"/> [...]
Enhancing Optimistically 🔗
<div type="html"/> [...]
Delivering Responsibly 🔗
<div type="html"/> [...]
More Weight Doesn't Mean More Wait 🔗
<div type="html"/> [...]
Responsible Responsive Design the book! 🔗
<div type="html"/> [...]
How We Make RWD Sites Load Fast as Heck 🔗
<div type="html"/> [...]
Picturefill 2.0: Use the picture element today 🔗
<div type="html"/> [...]
Working around a lack of element queries 🔗
<div type="html"/> [...]
Chatting with Adobe about Responsive Design and BostonGlobe.com 🔗
<div type="html"/> [...]
Compressive Images 🔗
<div type="html"/> [...]
Introducing the new responsive-designed BostonGlobe.com 🔗
<div type="html"/> [...]
Announcing our book: Designing with Progressive Enhancement (Peachpit) 🔗
<div type="html"/> [...]
A List Apart: Test-Driven Progressive Enhancement 🔗
<div type="html"/> [...]