Top all-time · #5053
ericportis.com
Personal blog · ericportis.com/postsdesignprogramming
ericportis.com is a personal blog at ericportis.com about design and programming. Since 2014, 15 different Hacker News readers have linked it 28 times, most often “Okay, Color Spaces (2024)”. It is still writing: the last post was on 2026-02-04, and you can follow it by feed.
Too few sampled comments (6) to say how often HN recommends it.?
Why HN links it
HN readers link Eric Portis's posts on responsive images, especially srcset and sizes, and on color spaces. Commenters point to them as explanations of how browsers pick images and why color charts look as they do.
Summarised by Claude from a sample of 6 HN comments that link here. Each comment is marked recommending, critical or neutral (citing without judging); how this works.
Most-linked posts?
- Okay, Color Spaces (2024)6 people · 6 mentions · first linked 2024-02-21
- Srcset and Sizes (2014)3 people · 11 mentions · first linked 2018-03-09
- View Transitions Break Incremental Rendering2 people · 2 mentions · first linked 2023-08-23
- Srcset and sizes2 people · 2 mentions · first linked 2014-06-11
What Hacker News says?
I found this article on the subject to be more informative and useful: http://ericportis.com/posts/2014/srcset-sizes/
Comment linking /posts/2014/srcset-sizes/
on “How a new HTML element will make the Web faster”Submitted Scalable Bitmaps (2013) as a story · 26 points
HN discussionLazy loading is helpful but if the img tags' sizes attribute is mucked up then less is gained. That is for example, due to the sizes the browser is led to believe it needs an image that's 100vw when the actual width is 25vw. This happen quite a bit with WordPress. Here's a great article on sizes and srcset. https://ericportis.com/posts/2014/srcset-sizes/ Editorial: Personally, my fear (based on history) is this will…
Comment linking /posts/2014/srcset-sizes/
on “The specification for native image lazy-loading is merged into HTML standard”Submitted Srcset and Sizes (2014) as a story · 10 points
HN discussionHere's another really interesting exploration of color spaces https://ericportis.com/posts/2024/okay-color-spaces/
Comment linking /posts/2024/okay-color-spaces/
on “Why does the chromaticity diagram look like that?”Submitted Srcset and Sizes (2014) as a story · 10 points
HN discussionActually afaik, there are accessibility issues with that solution. Instead, stick with img and use object-fit instead. https://css-tricks.com/almanac/properties/o/object-fit/ I'd also suggest reading this. Having to write ultra-complicated media queries (width + resolution, etc.) feels friction-y. Instead, use sizes and scrset and the browser will take care of the rest. https://ericportis.com/posts/2014/srcset-sizes/
Comment linking /posts/2014/srcset-sizes/
on “Responsive images”Submitted Okay, Color Spaces (2024) as a story · 6 points
HN discussion> So, with these attributes in place, the browser will: - Look at its device width. - Work out which media condition in the sizes list is the first one to be true. - Look at the slot size given to that media query. - Load the image referenced in the srcset list that has the same size as the slot or, if there isn't one, the first image that is bigger than the chosen slot size. > --- Where many people's understanding…
Comment linking /posts/2014/srcset-sizes/
on “Responsive images”Submitted Okay, Color Spaces as a story · 6 points
HN discussionIndeed. Although... I've the jpeg2000 book and it's quite thick, nice read, but no wonder implementation stalls. And does it work with current browsers? https://ericportis.com/posts/2014/resolution-progressive-jpe...
Comment linking /posts/2014/resolution-progressive-jpeg2000-performance/
on “SPIF – Streaming Progressive Image Format”Submitted Srcset and Sizes (2014) as a story · 3 points
HN discussionSubmitted Okay, Color Spaces as a story · 3 points
HN discussionSubmitted Color Spaces: Cielab, Oklab, Oklch as a story · 2 points
HN discussionSubmitted Okay, Color Spaces as a story · 2 points
HN discussionSubmitted View Transitions Break Incremental Rendering as a story · 2 points
HN discussionSubmitted Srcset and sizes as a story · 2 points
HN discussionSubmitted Srcset and sizes as a story · 2 points
HN discussionSubmitted Okay, Color Spaces – Ericportis.com as a story · 1 points
HN discussionSubmitted View Transitions Break Incremental Rendering as a story · 1 points
HN discussionSubmitted Srcset and Sizes (2014) as a story · 1 points
HN discussionSubmitted Srcset and Sizes (2014) as a story · 1 points
HN discussionSubmitted Srcset and Sizes (2014) as a story · 1 points
HN discussionSubmitted Srcset and Sizes (2014) as a story · 1 points
HN discussionSubmitted Srcset and Sizes (2014) as a story · 1 points
HN discussionSubmitted Srcset and Sizes (2014) as a story · 1 points
HN discussionSubmitted Srcset and Sizes (2014) as a story · 1 points
HN discussionSubmitted Srcset and sizes (2014) as a story · 1 points
HN discussion
