Eric Portis
@ericportis.com
📤 1411
📥 304
📝 441
Web developer; used-to-be-a-printmaker; Let’s Share What We Know
reposted by
Eric Portis
Josh W. Comeau
13 days ago
✨ 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. 🧵
loading . . .
8
274
46
reposted by
Eric Portis
Build Awesome (11ty)
15 days ago
Back Build Awesome Pro to help us add superpowers to your static site:
www.kickstarter.com/projects/fon...
loading . . .
Build Awesome Pro
A better way to build web sites. Fast, flexible, and built to last.
https://www.kickstarter.com/projects/fontawesome/build-awesome-pro?ref=3y9mok
0
17
14
Me: [gasps!] My last Heroku app: [Grandpa Simpson voice] Hm?? What’s that? What’s happening? Me: Oh, nothing.
add a skeleton here at some point
15 days ago
1
5
0
piccalil.li/blog/the-end...
19 days ago
0
1
0
reposted by
Eric Portis
Firefox for Web Developers
20 days ago
sizes="auto" landed in Firefox 150, making responsive images simpler and more reliable. Here's when you can use it, and how…
loading . . .
4
181
37
Beyond the art direction and responsive loading... <img>-as-poster would allow video posters to have their own accessible name. Which – great!
add a skeleton here at some point
21 days ago
1
9
4
written with html energy
add a skeleton here at some point
21 days ago
0
1
0
.
@scottjehl.com
’s video lazyloading work getting a headline callout in the BlinkOn 21 keynote, heck yeah
23 days ago
1
11
0
reposted by
Eric Portis
Roo
about 1 month ago
train subway announcer blown out speaker snare drum xylophone
loading . . .
9
2040
904
Will this help me in my quest to make a six-way triforce switch for image comparison? Maybe...
add a skeleton here at some point
about 1 month ago
3
4
1
🎵 one of these things is not like the others 🎶
add a skeleton here at some point
about 1 month ago
0
3
0
🎉 <img sizes=auto> landed in Safari Technology Preview
developer.apple.com/documentatio...
loading . . .
Safari Technology Preview 241 Release Notes | Apple Developer Documentation
Learn about the latest web technology updates in Safari Technology Preview: Accessibility, Animations, CSS, Canvas, Forms, HTML, Images, JavaScript, MathML, Media, Networking, Printing, Rendering, SVG, Storage, Web API, Web Inspector, and WebRTC.
https://developer.apple.com/documentation/safari-technology-preview-release-notes/stp-release-241#:~:text=Added%20support%20for%20the%20auto%20keyword%20in%20the%20sizes%20attribute
about 1 month ago
0
8
1
add a skeleton here at some point
about 1 month ago
0
2
0
reposted by
Eric Portis
Just gonna put this out there: is anyone, especially in the PNW, perhaps looking to adopt a high-energy dog?
about 1 month ago
1
1
2
Just gonna put this out there: is anyone, especially in the PNW, perhaps looking to adopt a high-energy dog?
about 1 month ago
1
1
2
When I was working on the responsive image client hints, we talked about fingerprinting as an abstract threat.. it’s really something to read through a thorough breakdown of a big, real example:
browsergate.eu/how-it-works/
loading . . .
The Attack: How it works
Every time you open LinkedIn in a Chrome-based browser, LinkedIn’s JavaScript executes a silent scan of your installed browser extensions. The scan probes for thousands of specific extensions by ID, c...
https://browsergate.eu/how-it-works/
about 1 month ago
1
1
1
reposted by
Eric Portis
Tyler Sticka
about 1 month ago
Over the past 19 years, my team
@cloudfour.com
have shared over 600 articles and resources with the
#WebDesign
community, absolutely free. But now, our design practice is in danger without your help. Please read and share:
cloudfour.com/thinks/more-...
#OpenToWork
#UXDesign
#UIDesign
loading . . .
More Projects Please
We’re actively seeking new UX design, UI design or hybrid creative/development challenges to solve.
https://cloudfour.com/thinks/more-projects-please/
0
37
43
reposted by
Eric Portis
Ahmad Shadeed
about 2 months ago
After a year of building, The Layout Maestro is officially live! 🎹🥳 An interactive CSS course that teaches you how to think in CSS layouts. 70+ lessons, 7 layouts, 150+ interactive demos! Ready to level up your layout skills? Enroll now👇:
thelayoutmaestro.com
4
130
46
reposted by
Eric Portis
Blacksky Algorithms
about 2 months ago
Blacksky is excited to announce Acorn, a platform for growing and managing communities on decentralized infrastructure.
blackskyweb.xyz/introducing-...
loading . . .
Introducing Acorn: Community Infrastructure That Grows With You
Featured image: Emergence by Paul Lewin
https://blackskyweb.xyz/introducing-acorn-community-infrastructure-that-grows-with-you/
9
767
285
reposted by
Eric Portis
Adam Argyle
about 2 months ago
Try the latest <color-input> concept: ⚓️ anchor() progressive enhancement 🤖 workers for color compute 🙈 new animations & interactions 🎨 gamut boundaries, mapping, stretching ☯️ contrast scores & much more
nerdy.dev/rfc-latest-c...
7
87
15
ICYMI, patches implementing <img sizes=auto> landed in both Gecko and Safari late last week.
bugs.webkit.org/show_bug.cgi...
bugzilla.mozilla.org/show_bug.cgi...
loading . . .
310025 – Add support for HTMLImageElement's sizes=auto
https://bugs.webkit.org/show_bug.cgi?id=310025
about 2 months ago
1
2
1
reposted by
Eric Portis
Scott Jehl
about 2 months ago
Spec proposal merged. HTML video and audio lazy loading is now a web standard.
github.com/whatwg/html/...
html.spec.whatwg.org#the-video-el...
html.spec.whatwg.org#the-audio-el...
6
145
34
reposted by
Eric Portis
Mat “Wilto” Marquis
about 2 months ago
One last job.
4
16
1
reposted by
Eric Portis
Matthias Ott
about 2 months ago
✍️ New post: The Shape of Friction I wrote a short blog post reply to
@davatron5000.bsky.social
’s recent post (👏) about generative AI, friction, and people.
matthiasott.com/notes/the-sh...
loading . . .
The Shape of Friction · Matthias Ott
Web design engineer, UX designer, teacher, and speaker – helping teams build websites and digital products with a focus on CSS, accessibility, and performance.
https://matthiasott.com/notes/the-shape-of-friction
4
89
38
Hero of the first movie coming back in the third for one last job.
add a skeleton here at some point
about 2 months ago
0
4
0
> In the end [JPEG XL] is just a codec and the the main purpose of it is to allow you to forget that there *is* a codec – and to just use images. For me [codecs are] very interesting at the technical level, but the goal is to just make images work seamlessly.
www.youtube.com/watch?v=3t2w...
loading . . .
SPDY STREAM 024 | The JPEG XL with Jon Sneyers of Cloudinary
YouTube video by Henri Helvetica
https://www.youtube.com/watch?v=3t2wYYnLctU
about 2 months ago
0
1
2
reposted by
Eric Portis
Andy Bell
2 months ago
personalsit.es/random
0
4
1
reposted by
Eric Portis
Jason Williams
2 months ago
Temporal is now Stage 4 at TC39 🎂🎂🎂 Thanks to all the other champions of JavaScript's new date-time API. It has been a wild ride over many years! I wrote a blog post explaining how we got here 📜
bloomberg.github.io/js-blog/post...
20
344
98
'Twas a time when there was nothing about the lower-levels of the web stack that Google couldn't re-think and push to the whole industry. This is the Apple-iest possible version of that. Hope it's more QUIC than AMP. Or maybe it's just tiny tweaks? I'm so curious!
www.apple.com/studio-displ...
2 months ago
2
1
0
Implementing some old math... you know the math’s good when the paper describing it opens like the Declaration of Independence *and* they didn't know how to spell.
2 months ago
0
0
0
reposted by
Eric Portis
Build Awesome (11ty)
2 months ago
The ’possum is running wild: Eleventy is becoming Build Awesome. Same open source core, a much bigger future. Watch our video and support us on Kickstarter:
www.kickstarter.com/projects/fon...
loading . . .
Build Awesome
Seamless collaboration, professional-grade tools, and beautiful templates all in one place.
https://www.kickstarter.com/projects/fontawesome/build-awesome?ref=b4hezh
11
62
27
A fun thing about the OKLCH color space is that it's easy to specify colors that are impossible to see or create. “Imaginary” colors; purely mathematical constructs that don't represent anything about the human experience of vision. Fun!
observablehq.com/d/af510b6715...
loading . . .
OKLCH picker
that warns about extreme colors
https://observablehq.com/d/af510b6715a1b5f3
2 months ago
2
3
0
In all of my (dashed) excitement about getting sizes=auto into Interop I'd missed that Vincent Hilla over at Mozilla submitted a Gecko patch!
phabricator.services.mozilla.com/D281911
Needs significant revision; might have revealed the need for some spec clarifications; GREAT NEWS
loading . . .
⚙ D281911 Bug 1819581 - Implement auto-sizes for lazy-loaded images. r=edgar!,#layout-reviewers!
https://phabricator.services.mozilla.com/D281911
3 months ago
1
3
0
My (cracked-screen, 12-year-old) Wacom Cintiq received its last driver update in June, and Wacom won't make it work with Tahoe or any future macOS. Boo! But! Today! I Found!
opentabletdriver.net
Here's to another 12
loading . . .
OpenTabletDriver
https://opentabletdriver.net
3 months ago
0
1
0
reposted by
Eric Portis
Scott Jehl
3 months ago
🦥 A fun update over on the blog: 🦥 Standard HTML Video & Audio Lazy-loading is Coming!
scottjehl.com/posts/lazy-m...
loading . . .
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
https://scottjehl.com/posts/lazy-media/
1
47
10
reposted by
Eric Portis
Keith Cirkel
3 months ago
*web frameworks klaxon* If you work on a web framework then there is a w3c proposed community group: the Web Frameworks Community Group, a place for framework folk to feedback to browser vendors about what they want to see! If you want this it needs your support!
www.w3.org/community/gr...
loading . . .
Proposed Groups
https://www.w3.org/community/groups/proposed/
3
43
16
reposted by
Eric Portis
Henri Helvetica 🧑🏾🚀🇭🇹
3 months ago
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...
0
3
4
@scottjehl.com
add a skeleton here at some point
3 months ago
1
11
0
go hawks (they knew what twd!)
add a skeleton here at some point
3 months ago
0
0
0
I had a lot of fun winning this eBay auction for my wife (all proceeds went to
@abortionfunds.bsky.social
). Go Hawks
add a skeleton here at some point
3 months ago
0
1
1
www.pushkin.fm/podcasts/hea...
is a hard listen and worth your time
loading . . .
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.
https://www.pushkin.fm/podcasts/heavyweight/minneapolis
3 months ago
0
0
0
@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?
loading . . .
GitHub - Shopify/autosizes: A sizes=auto polyfill
A sizes=auto polyfill. Contribute to Shopify/autosizes development by creating an account on GitHub.
https://github.com/Shopify/autosizes
3 months ago
1
0
0
reposted by
Eric Portis
IntentToShip
3 months ago
Blink: Intent to Prototype: Lazy loading for video and audio elements
loading . . .
Blink: Intent to Prototype: Lazy loading for video and audio elements
Blink: Intent to Prototype: Lazy loading for video and audio elements
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAFmjHKSFVWGyOWV%2BKymVmsaro9YbXoN5YYGbnNpnLo1KLe4dCQ%40mail.gmail.com
0
29
14
reposted by
Eric Portis
Mia (online)
3 months ago
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...
loading . . .
2014404 - Enable the `layout.css.style-queries.enabled` pref on Nightly
RESOLVED (jfkthame) in Core - CSS Parsing and Computation. Last updated 2026-02-04.
https://bugzilla.mozilla.org/show_bug.cgi?id=2014404
3
63
17
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!!!
loading . . .
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...
https://github.com/web-platform-tests/interop/issues/1114
3 months ago
2
4
1
reposted by
Eric Portis
Jake Archibald
3 months ago
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...
loading . . .
Intent to Prototype: Parse processing instructions in HTML
https://groups.google.com/a/chromium.org/g/blink-dev/c/5wgLOj97n7Y/m/TYW3DgEnAQAJ
3
40
7
reposted by
Eric Portis
Nathan Knowler
3 months ago
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!
1
53
42
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...
loading . . .
HDR tests, feb 2026
https://ericportis.com/etc/hdr-tests-2026-02/
3 months ago
1
2
0
@tunetheweb.com
Are Chrome's specific candidate requirements for LCP elements documented anywhere? Asking for a friend (really!)
front-end.social/@eeeps/11598...
loading . . .
Eric Portis (@
[email protected]
)
@
[email protected]
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...
https://front-end.social/@eeeps/115985287088849637
3 months ago
1
0
0
reposted by
Eric Portis
Lea Verou, PhD
3 months ago
🎉 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)
102
145
38
Load more
feeds!
log in