If you also want to be an evil (color) genius, I formalized and tool-ified the color-boosting technique that inspired this post, here: observablehq.com/@eeeps/take-...
@ericportis.com is an evil genius
Eric Portis
@ericportis.com
Web developer; used-to-be-a-printmaker; Let’s Share What We Know
1.4K followers328 following515 posts
If you also want to be an evil (color) genius, I formalized and tool-ified the color-boosting technique that inspired this post, here: observablehq.com/@eeeps/take-...
@ericportis.com is an evil genius
Added another limit to this today—the furthest limit—the visible gamut. We are generating CSS for colors at the literal edge of your ability to perceive, that no display can or likely ever will emit. Pure wavelengths of light. Also there is a small visualization. observablehq.com/@eeeps/take-...
I learned some of the wonderful history of the TIFF file format and its uses today via overcast.fm/+ABFoJNbzUiQ (@henrihelvetica.bsky.social relevant to your interests)
Eric Portis reposted
📢 I need 160 more web developers to answer 1 important question. How do you interpret the "Fully Supported" label on MDN support tables? Let me know in the survey below and tell your web developer friends to answer too 🙏🏾 github.com/lolaslab/acd...
As an IC 4 LYFE I’m not qualified for this, but I bet some of you are apply.careers.microsoft.com/careers/job/...
Eric Portis reposted
Only two (2) copies of Multipage Version #2: IMAGES left — after this, I probably won’t do another run of ’em until issue #3. Act fast. Also, stickers! So far, I have “JavaScript [is] for Everyone,” “THE PEOPLE DESTROYING THE WEB HAVE NAMES AND ADDRESSES,” and the issue #2 sticker sheet up there.
Eric Portis reposted
A stoner-ish thought I have had while standing before actual post/impressionist paintings is: woah, and like, can you imagine if they'd had access to an even *redder* red? Anyways wide-gamut color on the web is cool. compare-images.val.run?a_url=https%...
Eric Portis reposted
Eric Portis reposted
The CSS Linked Parameters Module is cool. You can essentially pass parameters to SVGs that are embedded on the page using the image source or background image. @pepelsbey.dev has a great post about it! Vadim's post: pepelsbey.dev/articles/svg... Spec: drafts.csswg.org/css-link-par... #svg #css
Should we flip the power dynamics of `srcset`, giving authors (rather than user-agents) final say over resource selection? I don't know! github.com/whatwg/html/...
(Discussion moved to github.com/whatwg/html/...)
Eric Portis reposted
Standards In Progress: Making Video Posters Accessible, Responsive, and an Element scottjehl.com/posts/respon...
Eric Portis reposted
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
Eric Portis reposted
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
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...
Hey! Look at that! <img sizes=auto> in Safari 27! webkit.org/blog/17967/n...
Eric Portis reposted
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...
Eric Portis reposted
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...
`lowsrc`!
One more call for feedback! Yeah, I know, I often ask for feedback but, think about it, the more you share, the better the feature. 💡Support low-quality image placeholders on the web! ➡️<img previewsrc="preview.avif" src="photo.avif"> ❓Would you use this? What capabilities do you need? Read more⬇️
Eric Portis reposted
Lately, I've been exploring CSS-only custom elements. They're pretty rad! #html #css #webcomponents dev.to/stuffbreaker...
Eric Portis reposted
Eric Portis reposted
📝 Why CSS-Tricks Has Been Quiet Lately (cc: @digitalocean.com @css-tricks.bsky.social ) geoffgraham.me/why-css-tric...
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_...
Eric Portis reposted
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....
Eric Portis reposted
Multipage Version is a zine about HTML elements. Issue #1: HEADINGS and #2: IMAGES are both available now. multipa.ge
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...
RIP Wendell Berry, one of the world's great writers, champions of the environment, and exemplar of slow living. A few years ago I wrote about analog vs. digital tools, inspired by his "Why I Will Not Buy a Computer" which felt appropriate to revisit this morning. seanvoisen.com/writing/wend...
Eric Portis reposted
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...
After some experimentation, I think this is how you do this in Vivaldi
The only sane tab behaviour is open to the right of current and close to immediate left. It means that open+close returns you to where you were and the only option that keeps large volume manageable. That it's not in common use shows how much cargo-culting goes into UI design.
Eric Portis reposted
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...
Eric Portis reposted
"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...
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
Poetic CSS course is live for early-bird registration! Only available during July. Thanks for your patience, we had some last-minute fixes. #css courses.oddbird.net/poetic-css/
Eric Portis reposted
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
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...
Eric Portis reposted
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
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...
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.
Maybe for creative code and personal projects, I could see people showing their skills- just like advanced lithography made printmaking for newspapers obsolete but then a small amount of presses were brought back for artistic purposes
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.
How did complex cells emerge? In this groundbreaking paper, @tonigabaldon.bsky.social & co show that eukaryotes arose through multiple waves of ancient genetic exchange involving diverse bacteria (& giant viruses!) revealing a far more complex origin than we imagined. www.nature.com/articles/s41...
Hell yeah
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/
Eric Portis reposted
“headingoffset 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
Eric Portis reposted
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...