Sign in

Eric Portis

@ericportis.com
1.4K followers 311 following 498 posts

Web developer; used-to-be-a-printmaker; Let’s Share What We Know

PostsRepliesMedia
Reposted by Eric Portis
Eric Bailey @ericwbailey.website · 3h
The 11th edition of the @webaim.bsky.social Screen Reader User Survey is now live! This is a vital resource into better understanding how people who use screen readers actually operate your website or app. webaim.org/projects/scr... My commentary on it as a thread 🧵 #a11y
webaim.org
WebAIM: Screen Reader User Survey #11 Results
12117
Reposted by Eric Portis
Ben Schwarz @benschwarz.bsky.social · 29/09/2026
How far ahead browsers fetch lazy images: • Chrome: 1,250px on 4G, 2,500px on 3G, 6,000px (!!) on 2G • Firefox: 600px, on any connection • Safari: one viewport. Lazy iframes: 0px, they wait until on screen
calibreapp.com
Lazy Loading Images and Media: How Far Ahead Browsers Fetch
How far ahead Chrome, Firefox and Safari fetch lazy media, why a lazy hero image slows your page, and where to use lazy, eager and fetchpriority.
0118
Eric Portis @ericportis.com · 28/09/2026
I almost didn't remark upon the fact that this shipped a couple weeks ago, on September 15th. sizes=auto is all green developer.mozilla.org/en-US/docs/W...
developer.mozilla.org
HTMLImageElement: sizes property - Web APIs | MDN
The sizes property of the HTMLImageElement interface allows you to specify the layout width of the image for each of a list of media queries, or auto for lazy-loaded images to allow the browser to aut...
032
Reposted by Eric Portis
Jake Archibald @jakearchibald.com · 23/09/2026
I've proposed "progressive image rendering" as a focus area for Interop 2027, so we can get progressive JPEG XL support in Safari, and progressive AVIF support in both Safari and Firefox. github.com/web-platform...
github.com
Progressive image rendering for JPEG XL and AVIF · Issue #1459 · web-platform-tests/interop
Description When we looked into JPEG XL, I asked developers why they were interested in the format, and the most common answer was "progressive rendering". This is now working in Firefox and Chrome...
3629
Reposted by Eric Portis
Vadim Makeev @pepelsbey.dev · 23/09/2026
An SVG inside <img> has always been a styling dead end: you can place it, but you can’t paint it. CSS Linked Parameters fix that in Firefox Nightly, so I traced Warhol’s Marilyn and repainted it nine times from one 50 KB file 💅 pepelsbey.dev/articles/svg...
Nine Marilyn Monroe portraits in a three by three grid, each in a different set of colors: pink and yellow, turquoise and orange, plum and navy, lilac and sky blue, magenta and orange, mint and amber, grey and slate blue, green and brick red, teal and magenta.
1327
Eric Portis @ericportis.com · 22/09/2026
`lowsrc`!
Leo DiCaprio as Rick Dalton, pointing at the TV while holding a beer and a cigarette
160
Reposted by Eric Portis
Burton Smith @stuffbreaker.bsky.social · 21/09/2026
Lately, I've been exploring CSS-only custom elements. They're pretty rad! #html #css #webcomponents dev.to/stuffbreaker...
dev.to
CSS-Only Custom Elements
Build real, composable web components using markup and CSS, with no JavaScript
8519
Eric Portis @ericportis.com · 18/09/2026
Free CSS-Tricks #FreeCSSTricks
030
Eric Portis @ericportis.com · 17/09/2026
There are more! www.alibati.com/horse#:~:tex... (via @spavel.bsky.social)
alibati.com
THE HORSE — ALI BATI
The ad that became a meme. AKA "I drew it, really!"
000
Reposted by Eric Portis
‮Jeff Eaton @eaton.fyi · 17/09/2026
Oh look, the latest issue of the preeminent semi regular outsider zine on the topic of the hypertext markup language
Issue 2 of “Multipage Version,” a zine about html
0163
Reposted by Eric Portis
Geoff Graham @geoffgraham.me · 14/09/2026
📝 Why CSS-Tricks Has Been Quiet Lately (cc: @digitalocean.com @css-tricks.bsky.social ) geoffgraham.me/why-css-tric...
geoffgraham.me
Why CSS-Tricks Has Been Quiet Lately - Geoff Graham
Because I haven't published anything to it since August 31. And no one else has either. That's not a super long time to go silent but it is for a site that
811330
Eric Portis @ericportis.com · 11/09/2026
People will reduce infinitely detailed reality to a handful of composable abstractions encoded as numbers and letters for *anything*. Math, baseball, and TIL: flowers en.wikipedia.org/wiki/Floral_...
en.wikipedia.org
Floral formula - Wikipedia
030
Eric Portis @ericportis.com · 04/09/2026
IMAGES is angry and beautiful.
021
Reposted by Eric Portis
Igalia @igalia.com · 03/09/2026
The Interop 2027 call for proposals is now open! Learn more about the process at github.com/web-platform..., or start a proposal via github.com/web-platform... today. You can also read about it in our news post at www.igalia.com/news/interop....
github.com
interop/2027/selection-process.md at main · web-platform-tests/interop
web-platform-tests Interop project. Contribute to web-platform-tests/interop development by creating an account on GitHub.
0128
Reposted by Eric Portis
Mat “Wilto” Marquis @wil.to · 03/09/2026
Multipage Version is a zine about HTML elements. Issue #1: HEADINGS and #2: IMAGES are both available now. multipa.ge
multipa.ge
Visit Wilto's Shop!
I've opened a shop. Come take a look!
0178
Eric Portis @ericportis.com · 01/09/2026
Hey! You there, looking at a screen. You should read a little Wendell Berry today. And think about your values, work, and tools; your one precious life on this one precious earth. RIP Wendell Berry. www.poetryfoundation.org/poetrymagazi...
poetryfoundation.org
The Poetry Foundation
Poems, readings, poetry news and the entire 110-year archive of POETRY magazine.
030
Reposted by Eric Portis
Firefox for Web Developers @webdevs.firefox.com · 24/08/2026
Intent to ship: JPEG XL! This will be on-by-default in Firefox 157, which should become the main release version at the end of September. This includes key JPEG XL features like progressive rendering. groups.google.com/a/mozilla.or...
groups.google.com
Intent to ship: JPEG XL
As of Firefox 157 I intend to turn JPEG XL decoding on by default on all platforms. It has been developed behind image.jxl.enabled, which today is on by default on Nightly only, and has had a Firefox…
1036096
Eric Portis @ericportis.com · 03/08/2026
After some experimentation, I think this is how you do this in Vivaldi
Close Tab Activation section of Vivaldi's "Tabs" Settings. "Close Tab Activation" is set to "Activate Above in Tab Order". New Tab Position section of Vivaldi's "Tabs" Settings. "New Tab Position" is set to "After Active Tab".
040
Reposted by Eric Portis
c0nc0rdance @c0nc0rdance.bsky.social · 19/07/2026
Twice a year, Hawai'i experiences a strange moment where the sun appears to be exactly overhead & anything that is completely vertical casts no shadow. Let's learn about Lāhainā Noon, subsolar points & 'Kau ka lā i ka lolo', meaning "the sun rests on the brains."
From a Reddit forum, a photo of a can of coconut milk with a blue label, papyrus text and a flip-top, on a sidewalk.  It seems to hover because there's no visible shadow.  The pavement is sort of unevenly colored, with bright spots, and the grass along it is green and lush.
11186342310
Eric Portis @ericportis.com · 17/07/2026
I read moultano.wordpress.com/2026/06/19/w... last week and despite some muddiness around “color” as measurable stimulus vs “color” as subjective experience, I really enjoyed it. It got me thinking about adding primaries. Today I learned: people are on the case: en.ubiresearchnet.com/multi-primar...
moultano.wordpress.com
Where to Find the Colors Your Screen Can’t Show You
An atlas of the vibrance of the real world
050
Reposted by Eric Portis
Sara Soueidan @sarasoueidan.com · 09/07/2026
"what will set you apart a year from now? If you don’t have a deep understanding of your output, the best result you can hope for is “average” — the best you can hope to be, as a developer, is “average.” If you’re not honing your craft, you stagnate." @wil.to beautiful read: wil.to/js4e/newslet...
wil.to
New Game+
My name is Mat Marquis, and I believe in the web.
03211
Eric Portis @ericportis.com · 06/07/2026
The features @miriam.codes has helped bring to CSS (Cascade Layers, Container Queries, Scope) have been rooted in a deep understanding of CSS’ _ethos_. They try to close the gap between how CSS could be used, and how it commonly is. If you want to close that gap in your own work (I do!), sign up
093
Reposted by Eric Portis
henry ✷ @strange.website · 02/07/2026
added delphitools to my links page :) coolest set of small and useful tools for all sorts of common Computer Jobs i've seen in a minute — long live the handmade web. tools.rmv.fyi
A website, delphitools, which explains itself to be "a collection of small, low stakes, and low effort tools. No logins, no registration, no data collection. I can't believe I have to say that. Long live the handmade web.". Tools visible include a meta tag generator, qr generator, regex tester, algebra calculator, etc.
414419
Eric Portis @ericportis.com · 02/07/2026
Micropayments— [crowd goes wild] —using stablecoins— [crowd boooooos] —for but also gating AI agents [crowd is at first confused, and then starts arguing amongst themselves] blog.cloudflare.com/monetization...
blog.cloudflare.com
Announcing the Monetization Gateway: charge for any resource behind Cloudflare via x402
We're opening the waitlist for our Monetization Gateway, which will allow you to charge for any web page, dataset, API, or MCP tool behind Cloudflare. The charges will settle in stablecoins over the x...
0120
Eric Portis @ericportis.com · 01/07/2026
I love the work of Jiří Trnka. Maybe you will too.
010
Reposted by Eric Portis
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
Eric Portis @ericportis.com · 30/06/2026
I hope you see this posted in a dozen different places today and I hope you click on one of 'em. So very good. aresluna.org/show-your-ha...
aresluna.org
Show your hands honor for the strange power they bring you
On designing finger-friendly interactions
100
Eric Portis @ericportis.com · 29/06/2026
briarpress.org is an amazing community and practicing a craft is fulfilling. And: watching the last generation of professional printers age, keep up the hobby in their garages, enthusiastically answer a dwindling number of questions on internet forums, and pass away, has been: sad. We lost so much.
briarpress.org
Briar Press | A letterpress community
Briar Press: A letterpress community. Museum of Printing Presses, Letterpress Classifieds, Printer's Yellow Pages, and vintage postscript artwork for download.
220
Eric Portis @ericportis.com · 12/06/2026
So we're all made of stardust AND we only exist because several of our ancestors caught the worst colds of their lives and ended up with superpowers. Cool.
010
Eric Portis @ericportis.com · 11/06/2026
Hell yeah
010
Reposted by Eric Portis
Adrian Roselli, pH0 @aardrian.bsky.social · 11/06/2026
“heading‍offset is Not the Document Outline Algorithm” adrianroselli.com/2026/06/head... Hi, just me heading off some bad advice I’m starting to see in developer venues. #HTML #accessibility #a11y
adrianroselli.com
heading‍offset is Not the Document Outline Algorithm
Hi, just me heading off some bad advice I’m starting to see in developer venues. Background The proposed Document Outline Algorithm, where headings would automatically reset themselves to the appropri...
1167
Reposted by Eric Portis
Jason Grigsby @gri.gs · 11/06/2026
Responsive images syntax was always a compromise forced by constraints. Lazy-loading removes the one of those constraints. Now we have an opportunity to simplify responsive images. Let's make it happen! cloudfour.com/thinks/endin...
cloudfour.com
Ending Responsive Images
Mat Marquis isn't known for pulling his punches. And yet, Marquis stopped short when he declared The End of Responsive Images. Mat left responsive images on the ropes. I hope to finish them.
184
Reposted by Eric Portis
Cyd Stumpel @cydstumpel.nl · 10/06/2026
When @chriscoyier.net asks you to write an article, you say yes! 🙌 master.dev/blog/demysti...
master.dev
Demystifying the View Transition Pseudo Tree
Each pseudo element plays a distinct role in how the view transition animates. The browser does most of the heavy lifting though, which makes it a little hard to see what’s actually happening under th...
0319
Eric Portis @ericportis.com · 08/06/2026
Hey! Look at that! <img sizes=auto> in Safari 27! webkit.org/blog/17967/n...
webkit.org
News from WWDC26: WebKit in Safari 27 beta
Safari 27 beta is here.
0284
Eric Portis @ericportis.com · 03/06/2026
WebKit is officially opposed to the WebMCP spec. And on pretty philosophical grounds. github.com/WebKit/stand...
github.com
WebMCP · Issue #670 · WebKit/standards-positions
WebKittens @mwyrzykowski @marcoscaceres Title of the proposal WebMCP URL to the spec https://webmachinelearning.github.io/webmcp/ URL to the spec's repository https://github.com/webmachinelearning/...
091
Eric Portis @ericportis.com · 03/06/2026
The maps are neat, and tell some interesting stories about audience? Insularity? Inequality? History? Here's Hacker News' TTFB vs the Times of India's.
A world map labelled "TTFB by country". The Americas, Europe, Japan, and Australia/New Zealand are all green. The rest of Asia is Orange, and Africa is mostly gray (not enough data), with orange spots.A world map. India, south-east Asia, Australia, Europe, South Africa, and North America are all green. Everything else is solidly orange, with some red spots in the Middle East, central Africa, and Boliva. Almost nothing is gray (for not enough data).
031
Eric Portis @ericportis.com · 01/06/2026
Great post by @aresluna.org. If you built something and you want to share it, make the value tangible as quickly as possible and show that you care, rather than adopting language that signifies legitimacy, without actually providing much in the way of information. unsung.aresluna.org/writing-abou...
unsung.aresluna.org
Writing about fonts – Unsung
A blog about software craft and quality
010
Eric Portis @ericportis.com · 29/05/2026
RFC 2119 or GTFO @zachleat.com
110
Eric Portis @ericportis.com · 29/05/2026
CSS functions. CSS... functions? CSS functions! frontendmasters.com/blog/the-fun... by @janeori.propjockey.io
frontendmasters.com
The Fundamentals and Dev Experience of CSS @function
There are quite a few
22712
Reposted by Eric Portis
Zach Leatherman @zachleat.com · 28/05/2026
if we make it to $100K before the campaign ends today I will shave my beard off on a livestream build.awesome.me
build.awesome.me
Build Awesome Pro
A better way to build web sites. Fast, flexible, and built to last.
153111
Eric Portis @ericportis.com · 22/05/2026
[makes a mental note to try this with Cloudinary]
010
Eric Portis @ericportis.com · 22/05/2026
RIP little buddy. I replaced your battery and lightning port last year, but yesterday, I set you on a Qi charger and you got *very* hot and now the 1x camera won't focus. It was a good run. It was a _great_ run.
110
Eric Portis @ericportis.com · 19/05/2026
One of life's great joys is to witness someone–anyone–doing something–anything!–with skill and (I'll say it) love. Basically, this is gonna be like Jiro Dreams of Sushi, if Jiro was funny, had a Boston accent, played Megaman, and every time he miffed it money went to a great cause.
010
Reposted by Eric Portis
Barry Pollard @tunetheweb.com · 19/05/2026
So here's an interesting little thing or 2 @nomster.bsky.social , @foolip.org , and myself have been cooking up—along with lots of help from others!: developer.chrome.com/blog/declara... This could lead to some VERY interesting changes in how we write web pages. Would love to hear your thoughts!
developer.chrome.com
Declarative partial updates  |  Blog  |  Chrome for Developers
Learn about new out-of-order streaming capabilities and the renewed HTML insertion and streaming methods available for testing from Chrome 148
98326
Reposted by Eric Portis
Robin Berjon @robin.berjon.com · 13/05/2026
📣 🚨 🪩 I'm delighted to announce "Funding The Web: a covenant for browsers, search, and people", new work from yours truly generously supported by D//F: ftw.fund. It's a complicated topic but it only impacts the whole web, so please bear with me a little! 🧵
ftw.fund
Funding The Web: A Wise Choice
The Web is slow-motion collapsing for multiple reasons, but at the heart of it all is a little known system: the Search/Browser Levy. Let's fix it!
27426
Reposted by Eric Portis
Josh W. Comeau @joshwcomeau.com · 30/04/2026
✨ I just released a new (free!) tool for creating custom Bézier curves! courses.joshwcomeau.com/tools/bezier It has one special feature that I haven’t seen anywhere else, and it allows us to do something pretty cool. 🧵
827543
Reposted by Eric Portis
Build Awesome (11ty) @11ty.dev · 28/04/2026
Back Build Awesome Pro to help us add superpowers to your static site: www.kickstarter.com/projects/fon...
kickstarter.com
Build Awesome Pro
A better way to build web sites. Fast, flexible, and built to last.
01811
Eric Portis @ericportis.com · 28/04/2026
Me: [gasps!] My last Heroku app: [Grandpa Simpson voice] Hm?? What’s that? What’s happening? Me: Oh, nothing.
150
Eric Portis @ericportis.com · 24/04/2026
piccalil.li/blog/the-end...
The word "AMBIVALENCE" set in all caps. Screencap from a Neon Genesis Evangelion title card.
010
Reposted by Eric Portis
Firefox for Web Developers @webdevs.firefox.com · 23/04/2026
sizes="auto" landed in Firefox 150, making responsive images simpler and more reliable. Here's when you can use it, and how…
518233