Sign in

Scott Jehl

@scottjehl.com
6K followers 510 following 751 posts

Web Designer/Dev. Accessibility & Performance Fan. Mediocre surfer. Engineer: Squarespace Performance & Accessibility My Web components course: $25 if you use the code TWENTYFIVE scottjehl.com/learn/webcomponentsde… scottjehl.com

PostsRepliesMedia
Scott Jehl @scottjehl.com · 22/09/2026
I’m very excited to return to the stage at @perfnow.nl in Amsterdam this November. I’ll be talking about recent and ongoing standards work to make HTML video more responsive & accessible in today’s browsers. If you’re interested in web perf, I can’t recommend this conference enough! 🎟️ > perfnow.nl
perfnow.nl
performance.now(); 19th and 20th of November 2026, Amsterdam
On 19th and 20th of November 2026, the web performance community will gather at performance.now() in Amsterdam to discuss today’s most important web performance insights.
0110
Scott Jehl @scottjehl.com · 17/09/2026
on my way to look at a webpage
0162
Scott Jehl @scottjehl.com · 10/09/2026
This site is peak web design to me. A team at squarespace worked with Luigi’s to “renew” the site recently (and I had nothing to do with it). But I think they nailed it, particularly on desktop. www.luigispizzabrooklyn.com
luigispizzabrooklyn.com
BEST PIZZA IN BROOKLYN
050
Scott Jehl @scottjehl.com · 10/09/2026
The 8hr course remains just $25 with the coupon, or you can pay whatever you want—even $0—by emailing me. In between jobs? In school? Whatever, I don’t need a reason. Hit that contact form and learn a bit about web components. 👊
02310
Scott Jehl @scottjehl.com · 09/09/2026
How nice. Thanks!
031
Reposted by Scott Jehl
performance.now() conference @perfnow.nl · 01/09/2026
Three new speakers were announced for perfnow.nl ! Aleth Gueguen about native web and PWAs. @adactio.com about long-term performance: not milliseconds but decades Risko Ruus about regression testing and other QA Tickets: perfnow.nl/tickets.html See you in November in Amsterdam!
perfnow.nl
performance.now(); 19th and 20th of November 2026, Amsterdam
On 19th and 20th of November 2026, the seventh edition of performance.now() will take place in Amsterdam—a single track conference, covering today’s most important web performance insights.
085
Scott Jehl @scottjehl.com · 30/08/2026
Anyone notice a recent change with @netlify.com’s costs for static builds? The hourly 11ty builds (for weather forecast data fetches) that I’d been running for months without issue on their free plan now seem like they’ll use up all the credits of even the first two paid-tier plans in under a week?
150
Reposted by Scott Jehl
Dave Rupert @davatron5000.bsky.social · 03/07/2026
I consider myself a person who knows a lot about CSS... but @miriam.codes' knowledge eclipses mine by ~10,000%. She brings an artistry to the discipline of authoring CSS and I'm sure anyone – whether newbie or old-timer like myself – can learn a lot from her course.
03211
Reposted by Scott Jehl
Mia [data-css=poetic] @miriam.codes · 29/06/2026
My "Poetic CSS" course goes live on Wednesday, with an Early Bird discount for the month of July! Here's another "side quest" on using shorthand properties: youtu.be/LNZQmOk3hKk Sign up for email updates (and a drawing for a handmade @OddBird mug): courses.oddbird.net/poetic-css/#... #css
youtu.be
Use Shorthands for a Fresh Start
YouTube video by Winging It
15222
Scott Jehl @scottjehl.com · 30/06/2026
favorite hole of the favorite course
020
Reposted by Scott Jehl
Heather Anne Campbell @heathercampbell.bsky.social · 24/06/2026
can’t believe a narcissist is being so publicly humiliated by a reflecting pool
502243435591
Scott Jehl @scottjehl.com · 24/06/2026
new Thermals track 🔥🔥🔥
030
Scott Jehl @scottjehl.com · 24/06/2026
love to use my new login to login right after I reset my login
0142
Scott Jehl @scottjehl.com · 24/06/2026
pathologically incapable of keeping a laptop charged
160
Scott Jehl @scottjehl.com · 19/06/2026
A photograph of a white skateboard with a sharpie-drawn outline art picture of a slice of pizza on it. Some sharpies are on the ground next to the skateboard.
1240
Scott Jehl @scottjehl.com · 19/06/2026
I get all my bad news stories about NYC from people who don’t live in NYC, and it often seems like that may be the only news they hear about NYC. What a shame. Place is incredible. So glad we moved here!
160
Scott Jehl @scottjehl.com · 17/06/2026
New HTML spec proposal from my team github.com/whatwg/html/...
github.com
Enable Responsive Images and Alternative Text for HTML Video Poster Images by scottjehl · Pull Request #12585 · whatwg/html
This proposal follows "Approach 1" in #10378 to: Add a new HTML video element posterfromimg attribute, opting a video element into allowing a child img element to govern poster image sel...
1185
Scott Jehl @scottjehl.com · 17/06/2026
My good friend Bob launched a kickstarter yesterday for a board game he's been working on for years now and it looks incredible. Sharing for anyone into that sort of thing. www.kickstarter.com/projects/sur...
kickstarter.com
Survivalist: The Ultimate Game of Wilderness Survival
The mountain doesn't care if you're ready. See how long *you* can stay alive in the wild!
020
Scott Jehl @scottjehl.com · 17/06/2026
👀 phabricator.services.mozilla.com/D278547?vs=1...
phabricator.services.mozilla.com
020
Reposted by Scott Jehl
Mia [data-css=poetic] @miriam.codes · 11/06/2026
I'm sad to miss you all at #CSSDay this year! Wish I could be there, and see all the great talks. In the spirit of the event, I'm launching my new #CSS course – Poetic CSS! The first module is ready, and early bird tickets will go on sale for the month of July. courses.oddbird.net/poetic-css/
courses.oddbird.net
Poetic CSS
Understand CSS as a system — so you can write, review, and maintain web styles with confidence on a timeline and under budget.
28129
Scott Jehl @scottjehl.com · 11/06/2026
wow
130
Scott Jehl @scottjehl.com · 04/06/2026
I decided to opt into the Origin Trial for the newly proposed <install> element, which is currently running in Chrome and Edge browsers, on my new local surf report web app dollarslice.nyc It's there in the footer (when my feature check reveals it). Would love to see this element supported on iOS!
dollarslice.nyc
Daily Surf Conditions from Rockaway Beach
1176
Scott Jehl @scottjehl.com · 30/05/2026
Still tinkering. Added upcoming tides and a "best bet" window with a CSS little skew effect I don't think I've used in that way before and I kinda dig it. dollarslice.nyc
dollarslice.nyc
Daily Surf Conditions from Rockaway Beach
050
Reposted by Scott Jehl
Raymond Camden @raymondcamden.com · 27/05/2026
Today i was laid off as part of the restructuring at Webflow. I am looking for my next role in developer relations, developer marketing, sales engineering, and so forth. If you need someone who can speak Developer, hit me up.
54520
Reposted by Scott Jehl
Scott Jehl @scottjehl.com · 24/05/2026
The rainy weekend here in NYC gave me some time to make something I'd been thinking about making for a while. Artwork was done in pencil, then retraced in Procreate, plus Figma for some of the vectors. 11ty build with NOAA data. Just ordered a t-shirt. Enjoy. dollarslice.nyc
dollarslice.nyc
Daily Surf Conditions from Rockaway Beach
4264
Scott Jehl @scottjehl.com · 26/05/2026
engagements be damned, I won’t be putting my links in the first comment anymore. Tried it, but the web is for linking out AND in. 🤷‍♂️✌️
4280
Scott Jehl @scottjehl.com · 24/05/2026
The rainy weekend here in NYC gave me some time to make something I'd been thinking about making for a while. Artwork was done in pencil, then retraced in Procreate, plus Figma for some of the vectors. 11ty build with NOAA data. Just ordered a t-shirt. Enjoy. dollarslice.nyc
dollarslice.nyc
Daily Surf Conditions from Rockaway Beach
4264
Scott Jehl @scottjehl.com · 22/05/2026
introduce yourself with ten bands you’ve seen live Interpol LCD Soundsystem Mobb Deep Wu Tang Clan Nas Band of Horses The Thermals Dave Matthews Band Thee Oh Sees Bloc Party
180
Reposted by Scott Jehl
performance.now() conference @perfnow.nl · 21/05/2026
Ticket sales are open! perfnow.nl/tickets.html
perfnow.nl
performance.now(); 19th and 20th of November 2026, Amsterdam
On 19th and 20th of November 2026, the seventh edition of performance.now() will take place in Amsterdam—a single track conference, covering today’s most important web performance insights.
11212
Scott Jehl @scottjehl.com · 18/05/2026
If you want to learn all about web components from a human then check this out: Web Components Demystified online course is $10 this week (it'll go back to the usual $25 deal after that). It's 8 hours of video lessons, or 4 if you listen at 2x, which wouldn't offend me at all. Use the code Just10.
scottjehl.com
Web Components Demystified online course | Scott Jehl, Web Designer/Developer
A comprehensive, premium course about building dynamic, fast, resilient apps with standard web components.
45721
Reposted by Scott Jehl
Scott Riley @scott.is · 12/05/2026
centralised design system components that rely on a specific front-end framework has always felt like such an anti-pattern. framework lock-in from day one is wild. i'm sure i'm missing something but switching to framework-agnostic web components has been so freeing.
4337
Scott Jehl @scottjehl.com · 05/05/2026
My Chrome just updated to 148 and my console says 'loading' in HTMLMediaElement.prototype is TRUE! developer.chrome.com/blog/new-in-...
developer.chrome.com
New in Chrome 148  |  Blog  |  Chrome for Developers
CSS name-only container queries, lazy-loading for video and audio, and the Prompt API.
1366
Reposted by Scott Jehl
Stuart Robson @sturobson.com · 05/05/2026
💔 Front-End Developer Seeking Meaningful Contracts Looking for a new partner to elevate your next project? I specialise in front-end architecture and design systems, crafting beautiful user experiences & enhancing legacy code. Let’s make something amazing together! stu@alwaystwisted.com 🙏🖤
A close-up of a printed newspaper-style advertisement featuring various job seekers in the tech industry. The highlighted section reads "Front-End Developer" and states: "Seeking short/mid-term contracts to create stunning user experiences. Expert in CSS, design systems, tokens, and component libraries." The text is surrounded by a red circle for emphasis.
04629
Reposted by Scott Jehl
Eric Bailey @ericwbailey.website · 01/05/2026
I'd like to acknowledge that part of you that doesn't think you're ready to give a talk and say that you are. #id24 is a great way to share your knowledge with a global audience, and we'd love to have you pitch us.
01111
Scott Jehl @scottjehl.com · 29/04/2026
Nice shoutout about newly-standard video/audio lazy loading in the keynote of last week’s annual Chromium conference youtu.be/h-_0VckrAO4?...
youtu.be
Keynote [BlinkOn 21]
YouTube video by BlinkOn
041
Scott Jehl @scottjehl.com · 27/04/2026
I’m on today’s episode of ShopTalk Show chatting about recent, past, and current standards efforts for HTML video and audio performance and accessibility. (Reminder: standard video and audio [loading=lazy] lands in Chrome in 1 week!) Available wherever you get your podcasts shoptalkshow.com
shoptalkshow.com
ShopTalk
A podcast about front end web design and UX.
1132
Reposted by Scott Jehl
Eric Portis @ericportis.com · 22/04/2026
Beyond the art direction and responsive loading... <img>-as-poster would allow video posters to have their own accessible name. Which – great!
193
Scott Jehl @scottjehl.com · 22/04/2026
Standards! 😎 Looking into this one next and just left a comment with design plans/decisions as we look to nudge it along into potential reality. Video/a11y/perf/responsive images github.com/whatwg/html/...
github.com
HTML Video Poster Image: Enable Responsive Images and ALT Text for Poster by allowing a child IMG Element (with an optional Picture Element wrapper) to Control the Video Poster Image · Issue #10378 · ...
What is the issue with the HTML Standard? The video element currently offers a single poster attribute, which allows us to load one poster image source. This is limiting when attempting to deliver ...
3153
Scott Jehl @scottjehl.com · 22/04/2026
One apparent consequence of all this generative ai fervor is I've been drawing again. Sure, perhaps in spite, but I even drew something I liked enough to order it on a shirt. Never done that before. So, thanks?
2281
Reposted by Scott Jehl
Rachel Andrew @rachelandrew.co.uk · 21/04/2026
Gordon Ramsey, technical writing, and the importance of people who care rachelandrew.co.uk/archives/202...
rachelandrew.co.uk
56728
Scott Jehl @scottjehl.com · 15/04/2026
Just a guy sitting a little farther from the wifi router, waiting literal minutes for the interactive section of the fancy project management app's otherwise-static pages to <React> a list of 10 links to tickets.
3120
Scott Jehl @scottjehl.com · 13/04/2026
If you missed it last week, parts 1 and 2 of my latest Squarespace Engineering Blog series are now out. Learn about the upcoming HTML video & audio loading=lazy feature and how it came to be standardized. 1: engineering.squarespace.com/blog/2026/sq... 2: engineering.squarespace.com/blog/2026/ho...
A screenshot of the engineering blog homepage with links to two posts about this feature, linked in the post
060
Reposted by Scott Jehl
Stefan Judis @stefanjudis.com · 13/04/2026
Web Weekly 189 just went out! 🥂 This one covers `sizes="auto"` for responsive images, lazy loading videos, HTML in canvas, name-only container queries, and why your `font-family` fallbacks might not work the way you think. Read it online: webweekly.email...
Web Weekly 189 — Topics: Not existing font-family fallbacks, HTML in canvas elements, Number formatting with Intl, Name-only @container queries, loading="lazy" for videos, sizes="auto" for images.
3228
Scott Jehl @scottjehl.com · 11/04/2026
Highly recommended!!
170
Scott Jehl @scottjehl.com · 07/04/2026
How To Use Standard HTML Video & Audio Lazy-Loading on the Web Today. Part 2 of my Squarespace Engineering blog series on the topic. Please enjoy!
engineering.squarespace.com
How To Use Standard HTML Video & Audio Lazy-Loading on the Web Today — Squarespace Engineering Blog
HTML video and audio lazy loading is now a web standard and quickly gaining support in all major browsers. Given Squarespace’s role in proposing and implementing it, we’re very excited to see how deve...
1124
Reposted by Scott Jehl
Harry Roberts @csswizardry.com · 02/04/2026
🎨 I gotta say, my latest is a little treasure trove: what even is `contain`?! csswizardry.com/2026/04/what...
csswizardry.com
What Is CSS Containment and How Can I Use It? – CSS Wizardry
CSS containment lets you isolate layout and paint work to self-contained ‘islands’. Here’s what each contain value does and how to use it safely.
2288
Reposted by Scott Jehl
Web Standards @web-standards.dev · 02/04/2026
Squarespace and web standards: how we helped bring HTML video and audio lazy loading to today’s browsers. Scott Jehl describes how the team proposed loading="lazy" for video and audio, making it an official web standard. #html #performance engineering.squaresp...
“How We Helped Bring HTML Video & Audio Lazy Loading to Today’s Browsers” next to HTML Living Standard page dated 23 March 2026 with the loading attribute spec.
0114
Scott Jehl @scottjehl.com · 01/04/2026
Thanks @keithamus.social for the reminder today that any sufficiently long css property name is indistinguishable from standard 😅
070
Scott Jehl @scottjehl.com · 31/03/2026
👀 wouldn't mind seeing this one next github.com/whatwg/html/...
github.com
HTML Video: Allow a child IMG (with an optional Picture Element wrapper) to Control the Video Poster Image · Issue #10378 · whatwg/html
What is the issue with the HTML Standard? The video element currently offers a single poster attribute, which allows us to load one poster image source. This is limiting when attempting to deliver ...
1112
Scott Jehl @scottjehl.com · 31/03/2026
Excited this went out! If you’re interested in usage tips before part 2 comes out next week, the @developer.mozilla.org docs are updated (thx to @tunetheweb.com )
141