ericportis.com
Latest posts
When do you have to repeat redundant sizes attributes within a <picture>?
TL;DR Almost always, but that might be changing . Okay, so— Let’s say you’ve got a <picture> element that includes multiple candidate sources. If you’re doing art direction , those sources are probably each going to be laid out differently. This means they’ll each need their own sizes attribute. <picture> <!-- landscape image over text --> <source media= "(min-width: 600px)" srcset=…
I finished a 50K
In June I ran the Orcas Island 50K . When I finished the race I also finished a 2+ year journey, which I’d started, in part, because I was staring down 40-years-old and had feelings about aging and my body . I signed up for the 2024 edition of the race way back in 2023. I started training early. Then, I sprained my ankle. I rested, recovered – and sprained it again! I’d thought running uphill was…
A House Full of Wizard-Shaped Holes
We adopted Wizard on March 12th, 2016 and we said goodbye to him on January 13th, 2025. --> 2016 (Gotcha Day) 2016 2016 2025 They said he was six years old when we got him, but I don’t believe it. He weighed about 75 lbs and he taught us a lot about love. He was our first dog, but we were not his first people. We all figured it out, eventually. It became a thing that old men, passing us in public,…
Fixing my Sony WH-1000XM3s by sticking some sponge in there
Five years ago, I bought a pair of Sony WH-1000XM3s . They’re great! Three years ago, they stopped turning on consistently. The problem got worse and worse. I Googled. I Reddit-ed. I YouTube’d. I – carefully, gently – learned how to open them up. I developed a series of incorrect hypotheses about possible problems and solutions, the funniest of which involved tapping a series of internal solder…
Endless Shrimp Jesus
This post is about a cynical analogy for understanding the generative AI boom. The analogy is not perfect! It minimizes the ( real , even to skeptics ) present utility of generative AI, and completely discounts the technology’s hypothesized future benefits. But, as I try to process what in the heck is happening in tech right now, this analogy has been helpful for me. Maybe it’ll help you, too. Red…
Okay, Color Spaces
Colors… in… spaaaaaaace What is a “color space?” Well first you take some colors. red yellow blue And then you arrange them, however you like, into some kind of space: The space has coordinates . In the little toy color space we've just defined, red is at ( x = 0 , y = 1 ) , yellow is at ( -1 , -1 ) , and blue is at ( 1 , -1 ) . That’s a color space! You might ask: what kind of color might we find…
Sizes="auto" pretty much requires width and height attributes
Writing, reading, and maintaining sizes attributes is the worst part about authoring responsive images; auto- sizes for lazy-loaded images is a fantastic addition to the platform. (It is very funny that the Chrome Platform Status entry for sizes=auto currently describes web developers’ collective opinion about the feature as “no signals.” One-in-ten sizes attributes on the web are already using…
The Maintenance Race (and me)
A couple of days ago, Dave Rupert shared an excellent article that I’ve been thinking about for, like, a whole year: Steward Brand’s The Maintenance Race . The article is about a round-the-world solo sailboat race held in 1968, and you should go read it before you read any of this. After Dave shared it, I sarcastically quipped back : @davatron5000 me, looking at a sink full of unwashed dishes and…
View Transitions Break Incremental Rendering
By default, webpages render like this: Image swiped from Phil Walton’s web.dev article on First Contentful Paint Stuff pops in as it’s loaded, parsed, and styled. This is called incremental rendering . Incremental rendering is cool and good. It is especially cool/good for people on slow connections. They get to see pieces of the page ASAP; incremental rendering shows them something while the page…