https://scottjehl.com/posts/move-fast-and-don-t-break-things/
Move Fast & Don't Break Things | Scott Jehl, Web Designer/Developer
scott jehl webmove fastbreak
https://scottjehl.com/posts/pe/
You May Not Need Progressive Enhancement, The Term | Scott Jehl, Web Designer/Developer
The term is fine, but it's a means not an end.
progressive enhancementmay
https://scottjehl.com/posts/frontend-masters-relatively-new-things-you-should-know-about-html-heading-into-2025/
Frontend Masters: Relatively New Things You Should Know about HTML Heading Into 2025 | Scott Jehl,...
Over on the Frontend Masters blog, Chris Coyier has put together a great little roundup of new HTML goodies to be aware of, and there's a kind mention of my...
frontend mastersnew things
https://scottjehl.com/posts/html-web-components-shadow-dom/
HTML Web Components Can Have a Little Shadow DOM, As A Treat | Scott Jehl, Web Designer/Developer
Shadow DOM and Slots can be part of a progressive enhancement strategy, actually.
html web componentsshadow dom
https://scottjehl.com/posts/aspire-ideals-to-aspire-to-when-building-websites/
ASPIRE: Ideals to Aspire to When Building Websites | Scott Jehl, Web Designer/Developer
Great sites are made through a combination of best practices, so perhaps a handy acronym can be helpful for recalling our priorities as we work.
building websitesscott jehl
https://scottjehl.com/posts/responsive-video/
We're Bringing Responsive Video Back! | Scott Jehl, Web Designer/Developer
Let's revisit responsive HTML video delivery and talk about when we can use it again and how close we are to cross-browser compatibility
scott jehl webbringingvideo
Sponsored https://www.wifey.com/
WIFEY: Passionate 4K Encounters Featuring Adventurous Wives
Experience bold relationship fantasies and unforgettable stories with confident, beautiful women. WIFEY delivers cinematic passion and high-end 4K visuals...
https://scottjehl.com/posts/q-r/
Building a QR Code HTML Web Component | Scott Jehl, Web Designer/Developer
A little while back, a friend mentioned that there really should be an HTML Web Component for QR codes. This is how I'd make one if I needed to.
qr codehtml webscott jehl
https://scottjehl.com/learn/webcomponentsdemystified/
Web Components Demystified online course | Scott Jehl, Web Designer/Developer
A comprehensive, premium course about building dynamic, fast, resilient apps with standard web components.
course scott jehlwebonline
https://scottjehl.com/posts/open-graph/
Could Open Graph Just Be a CSS Media Type? | Scott Jehl, Web Designer/Developer
I don't know the answer but these screenshot services are a bummer.
could openmedia typegraphcss
https://scottjehl.com/posts/web-components-demystified/
Announcing Web Components Demystified, an Online Course | Scott Jehl, Web Designer/Developer
I launched a crowdfunding campaign for a course I aim to produce about web components!
course scott jehlannouncing
https://scottjehl.com/posts/this-css-will-self-destruct/
For Your Convenience, This CSS Will Self-Destruct | Scott Jehl, Web Designer/Developer
A general defensive website delivery pattern for applying visual effects with less risk
self destructscott jehlcss
https://scottjehl.com/posts/how-we-make-rwd-sites-load-fast-as-heck/
How We Make RWD Sites Load Fast as Heck | Scott Jehl, Web Designer/Developer
In this post, I’ll outline some recent observations and approaches to delivering sites for speed and broader access, and link out to various tools we are...
makerwdsitesloadfast
https://mstdn.social/@scottjehl
Scott Jehl (@scottjehl@mstdn.social) - Mastodon 🐘
mstdn social mastodonscott
https://scottjehl.com/posts/enhancing-optimistically/
Enhancing Optimistically | Scott Jehl, Web Designer/Developer
scott jehl webenhancing
https://scottjehl.com/posts/wordleish/
How would you build Wordle with just HTML & CSS? | Scott Jehl, Web Designer/Developer
A fun little form validation and CSS selector experiment
html csswouldbuildwordlescott
https://scottjehl.com/posts/rwd-video/
Responsive Video Works Now. These Features Could Make It Work Better. | Scott Jehl, Web...
Responsive Video is standard and works across browsers again, but there are still some features on my wishlist to add. I'm back on my BS.
could makeresponsivevideowork
https://scottjehl.com/posts/smashing-conf-nyc-2024-web-components-can-t-save-us-but-you-can/
Smashing Conf NYC 2024: Web Components Can't Save Us, But You Can! | Scott Jehl, Web...
This fall I had the pleasure of delivering the 'mystery speaker' opening talk at Smashing Conf NYC, at New World Stages theater in Manhattan. Video from the...
conf nycweb componentssave us
https://scottjehl.com/posts/introducing-the-new-responsive-designed-bostonglobe-com/
Introducing the new responsive-designed BostonGlobe.com | Scott Jehl, Web Designer/Developer
Filament Group's Patty Toland covers our team's work in helping the Globe launch this groundbreaking new site.
scott jehl webintroducingnew
https://scottjehl.com/posts/begin-design/
New Work: Begin.com's New Site & Brand Extensions | Scott Jehl, Web Designer/Developer
I worked with the Begin team to help create a cohesive design language to showcase their various commercial and open source products.
new workbrand extensionsbegin
Sponsored https://chaturbate.com/
Chaturbate: Free Adult Webcams, Live Sex, Free Sex Chat, Exhibitionist and Pornstar Free Cams
https://scottjehl.com/learn/
Books & Courses | Scott Jehl, Web Designer/Developer
The portfolio site and blog of web designer, Scott Jehl.
scott jehl webbooks courses
https://scottjehl.com/posts/shifting-the-performance-burden/
Shifting the Performance Burden | Scott Jehl, Web Designer/Developer
scott jehl webshiftingburden
https://scottjehl.com/posts/how-fast-is-your-web-app-how-to-test-page-transition-performance/
How Fast Is Your Web App? How to Test Page Transition Performance | Scott Jehl, Web...
In this post, I demonstrate how to test a website's post-load navigation speed in WebPageTest. This process is something you can use on any kind of website,...
web appfasttest
https://scottjehl.com/posts/lazy-media/
Standard HTML Video & Audio Lazy-loading is Coming! | Scott Jehl, Web Designer/Developer
A quick update on my team's work to bring video and audio lazy loading to browsers today
standard htmlvideo audiolazy
https://scottjehl.com/posts/compressive-images/
Compressive Images | Scott Jehl, Web Designer/Developer
scott jehl webcompressive
https://scottjehl.com/posts/video-experimenting-with-performance-at-the-edge/
Video: Experimenting with Performance at the Edge | Scott Jehl, Web Designer/Developer
At the WebExpo Conference in Prague, I delivered this talk with a behind the scenes look at how WebPageTest's experiments really work.
scott jehl webvideoedge
https://scottjehl.com/posts/async-fonts-foit/
Fast & Smooth Third-Party Web Fonts | Scott Jehl, Web Designer/Developer
A tip for loading fonts from popular providers without the performance hangups
scott jehl designerweb fonts
https://scottjehl.com/posts/a-b-testing-at-the-edge-with-servers-workers/
A/B Testing at the Edge with Servers Workers | Scott Jehl, Web Designer/Developer
Client-side A/B testing is dog slow. We wanted to explore using service workers to transform markup on the edge.
b testingedgeserversworkers
https://scottjehl.com/
Scott Jehl, Web Designer/Developer
The portfolio site and blog of web designer, Scott Jehl.
scott jehl webdesigner
https://scottjehl.com/posts/lightning-fast-web-performance-an-online-course/
Lightning-Fast Web Performance, an online course | Scott Jehl, Web Designer/Developer
Announced the release of my first online course: Lightning-Fast Web Performance. Throughout the year, I taught this course as an all-day workshop, and it...
course scott jehlfast web
https://syntax.fm/show/848/web-components-can-t-save-us-with-scott-jehl
Web Components Can’t Save Us with Scott Jehl - Syntax #848
Scott Jehl discusses his background in web development and responsive design at Filament Group agency, opinions on web components for UI patterns, styling...
web componentssave usscott
https://scottjehl.com/posts/chatting-with-adobe-about-responsive-design-and-bostonglobe-com/
Chatting with Adobe about Responsive Design and BostonGlobe.com | Scott Jehl, Web Designer/Developer
Earlier this fall, Todd, Scott and our friends at The Boston Globe and Upstatement sat down with Adobe’s video production team in Boston to discuss our...
responsive designchatting
https://scottjehl.com/posts/html-video-sources-should-be-responsive/
HTML Video Sources Should Be Responsive | Scott Jehl, Web Designer/Developer
HTML video currently offers no means for specifying multiple video sizes. It should.
scott jehl webhtmlvideo
https://scottjehl.com/posts/svgtopia/
Have It All: External, Styleable, & Scalable SVG | Scott Jehl, Web Designer/Developer
Let's revisit an ideal SVG embedding approach.
scott jehl webexternalsvg
https://scottjehl.com/posts/syntaxpod/
Syntax.fm Podcast: Web Components Can't Save Us | Scott Jehl, Web Designer/Developer
I recently went on Syntax to talk about Web Components. Don't trust the linkbait title! Give it a listen.
syntax fmweb componentssaveus
https://scottjehl.com/posts/responsible-responsive-design-the-book/
Responsible Responsive Design the book! | Scott Jehl, Web Designer/Developer
Responsible Responsive Design, a new book by Scott Jehl, is now on sale in the A Book Apart store! Here's a post about it on Filament Group's blog.
scott jehl webresponsiblebook
https://scottjehl.com/posts/the-simplest-way-to-load-css-asynchronously/
The Simplest Way to Load CSS Asynchronously | Scott Jehl, Web Designer/Developer
CSS will block rendering while loading. Here's how not to do that, simply.
load css asynchronouslywayweb
https://scottjehl.com/posts/even-responsiver-video/
Extending Responsive Video with HTML Web Components | Scott Jehl, Web Designer/Developer
Using web components to defensively polyfill some more responsive behavior
html web componentsscott jehl
https://scottjehl.com/posts/will-serving-real-html-content-make-a-website-faster-let-s-experiment/
Will Serving Real HTML Content Make A Website Faster? Let's Experiment! | Scott Jehl, Web...
Over on the WebPageTest Blog, I tested the actual performance improvements that several popular sites would gain if they rendered their HTML on the server...
website fasterservingrealhtml
https://scottjehl.com/posts/web-components-demystified-released/
Now Released! The Web Components Demystified Online Course | Scott Jehl, Web Designer/Developer
A comprehensive, premium course about building dynamic, fast, resilient apps with standard web components.
course scott jehlreleasedweb
https://scottjehl.com/posts/composition/
HTML Web Components on the Server Are Great | Scott Jehl, Web Designer/Developer
The idea of using custom elements to compose views on the server is quite nice.
html web componentsscott jehl
https://scottjehl.com/posts/polyfilling-with-wcs/
Conditional Web Components are Perfect for Polyfills | Scott Jehl, Web Designer/Developer
Web Components are a great tool for writing polyfills, I think.
web componentsscott jehl
https://scottjehl.com/posts/squarespace/
Joining Squarespace | Scott Jehl, Web Designer/Developer
I'm joining the web performance team at Squarespace.
scott jehl webjoiningdesigner
https://scottjehl.com/posts/a-backstage-tour-of-webpagetest-s-new-ui/
A Backstage Tour of WebPageTest's New UI | Scott Jehl, Web Designer/Developer
So in this post, I'll aim to detail many of the goals and design decisions behind what's changed, and even share a little about where we're headed next. If...
backstage tourui scottnewjehl
https://scottjehl.com/posts/using-responsive-video/
How to Use Responsive HTML Video (...and Audio!) | Scott Jehl, Web Designer/Developer
Now that responsive HTML video delivery works across all browsers, let's look at how to use it
responsive htmlscott jehluse
https://scottjehl.com/posts/a-list-apart-test-driven-progressive-enhancement/
A List Apart: Test-Driven Progressive Enhancement | Scott Jehl, Web Designer/Developer
Starting with semantic HTML, and layering enhancements using JavaScript and CSS, is supposed to create good experiences for all. Alas, enhancements still find...
scott jehl weblist aparttest
https://scottjehl.com/posts/second-meaningful-content-the-worst-performance-metric/
Second Meaningful Content: the Worst Performance Metric | Scott Jehl, Web Designer/Developer
Client-side tools for A/B testing and personalization can take a huge toll on performance, introducing huge delays.
scott jehl websecondcontent
https://scottjehl.com/posts/tuning-performance-for-new-and-old-friends/
Tuning Performance for New and 'Old' Friends | Scott Jehl, Web Designer/Developer
We now configure our sites to vary based on custom headers instead of cookies.
scott jehl webold friendsnew
https://scottjehl.com/posts/5g-will-definitely-make-the-web-slower-maybe/
5G Will Definitely Make the Web Slower, Maybe | Scott Jehl, Web Designer/Developer
Faster networks should fix our performance problems. Instead, they're making them worse.
definitely makescott jehlweb
https://scottjehl.com/posts/announcing-our-book-designing-with-progressive-enhancement-peachpit/
Announcing our book: Designing with Progressive Enhancement (Peachpit) | Scott Jehl, Web...
We’re proud to announce that the four of us at Filament Group have written a book! Designing with Progressive Enhancement is a practical guide that both...
progressive enhancementbook
https://scottjehl.com/posts/web-component-self-destruct-css/
Enhancing Web Components Safely with Self-Destructing CSS | Scott Jehl, Web Designer/Developer
Applying the self-destructing CSS pattern to an old web components anti-pattern
css scott jehlweb components
https://scottjehl.com/posts/delivering-responsibly/
Delivering Responsibly | Scott Jehl, Web Designer/Developer
At several conferences throughout the past year, I’ve presented a talk called Delivering Responsibly with slight variations and updates each time. The...
scott jehl webdelivering
https://scottjehl.com/posts/the-history-of-web-performance/
The History of Web Performance | Scott Jehl, Web Designer/Developer
scott jehl designerhistoryweb
https://scottjehl.com/posts/picturefill-2-0-use-the-picture-element-today/
Picturefill 2.0: Use the picture element today | Scott Jehl, Web Designer/Developer
We started the Picturefill project over 2 years ago to provide an easy, responsible, and immediately-usable approach to delivering appropriate images to every...
scott jehlusepictureelement
https://scottjehl.com/posts/catchpoint-acquires-lightning-fast-web-performance-online-course/
Catchpoint Acquires Lightning-Fast Web Performance Online Course | Scott Jehl, Web...
Today, I’m excited to announce that Catchpoint has acquired the Lightning-Fast Web Performance course to update it and offer it–FOR FREE!–as part of its...
course scott jehlfast web
https://scottjehl.com/posts/styling-a-select-like-it-s-2019/
Styling a Select Like It's 2019 | Scott Jehl, Web Designer/Developer
We're living in the future: you can now directly style a select element with no need for JS or wrapper elements.
scott jehl webstylingselect
https://scottjehl.com/posts/accessibility-in-a-responsive-world-a11y-days-2017/
Accessibility in a Responsive World, A11Y Days 2017 | Scott Jehl, Web Designer/Developer
Formerly, much of the focus in web performance was concerned with optimizing assets like images and fonts, which does make for a shorter overall page load...
scott jehlaccessibilityworld
https://scottjehl.com/posts/more-weight-doesn-t-mean-more-wait/
More Weight Doesn't Mean More Wait | Scott Jehl, Web Designer/Developer
Formerly, much of the focus in web performance was concerned with optimizing assets like images and fonts, which does make for a shorter overall page load...
scott jehl webweightmeanwait
https://scottjehl.com/posts/swapping-images-with-the-sizes-attribute/
Swapping Images with the Sizes Attribute | Scott Jehl, Web Designer/Developer
scott jehl webswappingimages
https://scottjehl.com/posts/async-css-already/
Let's Standardize Async CSS! | Scott Jehl, Web Designer/Developer
We need async CSS loading let's make some noise.
css scott jehlweb designerlet
https://scottjehl.com/posts/speculation-rules/
Just Speculating: You May Not Need a SPA framework | Scott Jehl, Web Designer/Developer
The Speculation Rules API aims to bring some promising improvements to page navigation speed.
framework scottspeculatingmay
https://scottjehl.com/posts/
Posts | Scott Jehl, Web Designer/Developer
The portfolio site and blog of web designer, Scott Jehl.
scott jehl webpostsdesigner
https://scottjehl.com/posts/we-need-more-inclusive-web-performance-metrics/
We need more inclusive web performance metrics | Scott Jehl, Web Designer/Developer
Performance metrics are improving, but few tell us when a page is ready for *all* users.
web performancescott jehlneed
https://scottjehl.com/work/
My Work | Scott Jehl, Web Designer/Developer
The portfolio site and blog of web designer, Scott Jehl.
scott jehl webworkdesigner
https://scottjehl.com/posts/modernizing-our-progressive-enhancement-delivery/
Modernizing our Progressive Enhancement Delivery | Scott Jehl, Web Designer/Developer
This week, we’ve put the final touches on some new techniques that helped us further speed up our site load time and dramatically reduce our reliance on...
scott jehl webmodernizing