Eric Portis
@ericportis.com
Web developer; used-to-be-a-printmaker; Let’s Share What We Know
Reposted by Eric Portis
This week, we have the absolute pleasure of having @sneyers.info , the creator of the JPEG-XL for the next episode of the SPDY STREAM. Discussions? All things JPEG-XL, the modern 📸 format . Join us.
✨ SPDY STREAM 24 ✨
📆 Thursday Feb 19th
⏰ 1pm EST, 7pm CET
🔗 www.youtube.com/live/eGPo8rN...
✨ SPDY STREAM 24 ✨
📆 Thursday Feb 19th
⏰ 1pm EST, 7pm CET
🔗 www.youtube.com/live/eGPo8rN...
February 16, 2026 at 6:29 PM
This week, we have the absolute pleasure of having @sneyers.info , the creator of the JPEG-XL for the next episode of the SPDY STREAM. Discussions? All things JPEG-XL, the modern 📸 format . Join us.
✨ SPDY STREAM 24 ✨
📆 Thursday Feb 19th
⏰ 1pm EST, 7pm CET
🔗 www.youtube.com/live/eGPo8rN...
✨ SPDY STREAM 24 ✨
📆 Thursday Feb 19th
⏰ 1pm EST, 7pm CET
🔗 www.youtube.com/live/eGPo8rN...
![TRADE OFFER meme. A smarmy looking man in a cheap suit in terrible lighting tents his fingers, looking smarmy. "i receive: WebKit sizes=auto implementation; you receive: [checks pockets] $46"](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:554zgjahdelvrbspjpeofd2o/bafkreibwo2xatu5sn5ns7mu7qmtdrnw2cazymjvyolzgfkd7vzo2x43qei@jpeg)
go hawks (they knew what twd!)
seahawks wyd???
February 9, 2026 at 4:41 AM
go hawks (they knew what twd!)
I had a lot of fun winning this eBay auction for my wife (all proceeds went to @abortionfunds.bsky.social). Go Hawks
thanks to @natalieweiner.bsky.social my new hat came in time! Now I'm ready to watch the Seahawks win another Superbowl. Kearse Krew & abortions forever.
February 8, 2026 at 1:49 AM
I had a lot of fun winning this eBay auction for my wife (all proceeds went to @abortionfunds.bsky.social). Go Hawks
www.pushkin.fm/podcasts/hea... is a hard listen and worth your time
Minneapolis | Heavyweight
In part one, Jonathan and his wife, Emily, check in. In part two, the story of a family forced into hiding after an ICE shooting.
www.pushkin.fm
February 6, 2026 at 2:58 AM
www.pushkin.fm/podcasts/hea... is a hard listen and worth your time
@yoav.ws In github.com/Shopify/auto..., you use Largest Contentful Paint as a proxy for "images have been laid out". I've been setting a ResizeObservers on each image and responding after the first non-zero layout size. This also prevents gBRC from triggering a layout I think? Thoughts?
GitHub - Shopify/autosizes: A sizes=auto polyfill
A sizes=auto polyfill. Contribute to Shopify/autosizes development by creating an account on GitHub.
github.com
February 5, 2026 at 11:51 PM
@yoav.ws In github.com/Shopify/auto..., you use Largest Contentful Paint as a proxy for "images have been laid out". I've been setting a ResizeObservers on each image and responding after the first non-zero layout size. This also prevents gBRC from triggering a layout I think? Thoughts?
Reposted by Eric Portis
Blink: Intent to Prototype: Lazy loading for video and audio elements
Blink: Intent to Prototype: Lazy loading for video and audio elements
Blink: Intent to Prototype: Lazy loading for video and audio elements
groups.google.com
February 5, 2026 at 7:00 PM
Blink: Intent to Prototype: Lazy loading for video and audio elements
Reposted by Eric Portis
It looks like style() container queries are enabled in @firefoxnightly.bsky.social - this is one of the features I'm looking forward to most. Especially with range queries starting to roll out.
@ container style(--progress > 80%) {
background: green;
}
bugzilla.mozilla.org/show_bug.cgi...
@ container style(--progress > 80%) {
background: green;
}
bugzilla.mozilla.org/show_bug.cgi...
2014404 - Enable the `layout.css.style-queries.enabled` pref on Nightly
RESOLVED (jfkthame) in Core - CSS Parsing and Computation. Last updated 2026-02-04.
bugzilla.mozilla.org
February 5, 2026 at 5:11 PM
It looks like style() container queries are enabled in @firefoxnightly.bsky.social - this is one of the features I'm looking forward to most. Especially with range queries starting to roll out.
@ container style(--progress > 80%) {
background: green;
}
bugzilla.mozilla.org/show_bug.cgi...
@ container style(--progress > 80%) {
background: green;
}
bugzilla.mozilla.org/show_bug.cgi...
Ok... the time is near... let's all visualize github.com/web-platform... being closed accepted... envision it... imagine it... together, we can *do* it... we can manifest it! I believe in us!!!
Support `sizes=auto` on img and source elements · Issue #1114 · web-platform-tests/interop
Description For lazy-loading images, the auto keyword for the sizes attribute tells the browser to use the concrete object size to select a source from srcset, in stead of a predetermined size. Thi...
github.com
February 4, 2026 at 10:01 PM
Ok... the time is near... let's all visualize github.com/web-platform... being closed accepted... envision it... imagine it... together, we can *do* it... we can manifest it! I believe in us!!!
Reposted by Eric Portis
Oooo it's been a while since we had a new tag type for HTML! I'm hoping this can unlock things like declarative CSS highlights groups.google.com/a/chromium.o...
Intent to Prototype: Parse processing instructions in HTML
groups.google.com
February 4, 2026 at 12:56 AM
Oooo it's been a while since we had a new tag type for HTML! I'm hoping this can unlock things like declarative CSS highlights groups.google.com/a/chromium.o...
Reposted by Eric Portis
My contract is ending at the end of February and so I’d like to find a new role ASAP.
I am a senior-level design systems developer / design technologist / front-of-the-frontend developer that specializes in web accessibility.
I work remotely from my home in Winnipeg, Canada. 🇨🇦
Shares appreciated!
I am a senior-level design systems developer / design technologist / front-of-the-frontend developer that specializes in web accessibility.
I work remotely from my home in Winnipeg, Canada. 🇨🇦
Shares appreciated!
February 3, 2026 at 6:09 PM
My contract is ending at the end of February and so I’d like to find a new role ASAP.
I am a senior-level design systems developer / design technologist / front-of-the-frontend developer that specializes in web accessibility.
I work remotely from my home in Winnipeg, Canada. 🇨🇦
Shares appreciated!
I am a senior-level design systems developer / design technologist / front-of-the-frontend developer that specializes in web accessibility.
I work remotely from my home in Winnipeg, Canada. 🇨🇦
Shares appreciated!
Trying to figure out how to publish some HDR photos... AVIFs and JXLs don't paint consistently enough across browsers/OSes yet, but: JPEGs with gain maps are freaking enormous. ericportis.com/etc/hdr-test...
HDR tests, feb 2026
ericportis.com
February 3, 2026 at 5:16 AM
Trying to figure out how to publish some HDR photos... AVIFs and JXLs don't paint consistently enough across browsers/OSes yet, but: JPEGs with gain maps are freaking enormous. ericportis.com/etc/hdr-test...
@tunetheweb.com Are Chrome's specific candidate requirements for LCP elements documented anywhere? Asking for a friend (really!) front-end.social/@eeeps/11598...
Eric Portis (@eeeps@front-end.social)
@nhoizey@mamot.fr I think the note here is as specific as the spec gets. https://w3c.github.io/largest-contentful-paint/#largest-contentful-paint-candidate. Poking around, I wasn't able to find any WP...
front-end.social
January 30, 2026 at 5:44 PM
@tunetheweb.com Are Chrome's specific candidate requirements for LCP elements documented anywhere? Asking for a friend (really!) front-end.social/@eeeps/11598...
Reposted by Eric Portis
🎉 Live from the CSS WG F2F: We just agreed to support multiple borders and outlines per element, comma-separated!
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
January 28, 2026 at 10:03 PM
🎉 Live from the CSS WG F2F: We just agreed to support multiple borders and outlines per element, comma-separated!
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
He ain’t lyin’ about that table.
January 28, 2026 at 4:10 PM
He ain’t lyin’ about that table.
Reposted by Eric Portis
My book, Accessibility For Everyone, is now free and online as a website.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
Accessibility For Everyone by Laura Kalbag
Read the book online for free.
accessibilityforeveryone.site
January 27, 2026 at 1:14 PM
My book, Accessibility For Everyone, is now free and online as a website.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
Incandescent lighting: it's what plantsretinal mitochondria crave! www.nature.com/articles/s41...
www.nature.com
January 26, 2026 at 4:36 PM
Incandescent lighting: it's what plantsretinal mitochondria crave! www.nature.com/articles/s41...
Reposted by Eric Portis
One little thing you can do if you’re feeling helpless tonight: throw a few bucks to the Immigrant Law Center of Minnesota. They’re reportedly stretched thin for obvious reasons and could use some help if you can offer it.
www.ilcm.org?ref=badfaith...
www.ilcm.org?ref=badfaith...
Home - Immigrant Law Center of Minnesota
www.ilcm.org
January 25, 2026 at 4:46 AM
One little thing you can do if you’re feeling helpless tonight: throw a few bucks to the Immigrant Law Center of Minnesota. They’re reportedly stretched thin for obvious reasons and could use some help if you can offer it.
www.ilcm.org?ref=badfaith...
www.ilcm.org?ref=badfaith...
Giving Canary's (Rust!) JXL decoder a whirl with @jakearchibald.com’s image decoder benchmark. On my machine it's "only" twice as slow as Safari, which is using the highly-optimized C++ library.
January 23, 2026 at 5:04 PM
Giving Canary's (Rust!) JXL decoder a whirl with @jakearchibald.com’s image decoder benchmark. On my machine it's "only" twice as slow as Safari, which is using the highly-optimized C++ library.
Reposted by Eric Portis
This is a great read so far. Enjoying the blend of history and simple examples browser.engineering
Web Browser Engineering
browser.engineering
January 6, 2026 at 11:03 PM
This is a great read so far. Enjoying the blend of history and simple examples browser.engineering
And: a loathed fork
everyone who cooks has a favorite spatula, spoon, and set of tongs if they're willing to be honest with themselves
December 31, 2025 at 4:19 AM
And: a loathed fork
You've heard of OkLCH? Get ready for: OkLrCH.
codepen.io/eeeps/pen/bN...
(The little 'r' improves lightness gradients across the SDR range.)
codepen.io/eeeps/pen/bN...
(The little 'r' improves lightness gradients across the SDR range.)
OkLrCH vs OkLCH
...
codepen.io
December 26, 2025 at 6:08 PM
You've heard of OkLCH? Get ready for: OkLrCH.
codepen.io/eeeps/pen/bN...
(The little 'r' improves lightness gradients across the SDR range.)
codepen.io/eeeps/pen/bN...
(The little 'r' improves lightness gradients across the SDR range.)
I have become emotionally attached to the three remaining cookies.
December 26, 2025 at 6:00 PM
I have become emotionally attached to the three remaining cookies.
Reposted by Eric Portis
Merry Christmas! This is your yearly reminder that mistletoes, uniquely among ALL known multicellular life, do not have working mitochondria. What the fuck? Biology is fake.
The Mystery of Mistletoe’s Missing Genes
Mistletoes have all but shut down the powerhouses of their cells. Scientists are still trying to understand the plants’ unorthodox survival strategy.
www.quantamagazine.org
December 25, 2025 at 5:38 AM
Merry Christmas! This is your yearly reminder that mistletoes, uniquely among ALL known multicellular life, do not have working mitochondria. What the fuck? Biology is fake.
Reposted by Eric Portis
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!
webkit.org/blog/17660/i...
webkit.org/blog/17660/i...
Introducing CSS Grid Lanes
It’s here!
webkit.org
December 19, 2025 at 9:33 PM
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!
webkit.org/blog/17660/i...
webkit.org/blog/17660/i...