Top all-time · #20885
Ryan Tsao
Personal blog · ryantsao.com/blogprogrammingweb
Ryan Tsao's personal blog at ryantsao.com covers programming and web. Since 2016, 3 different Hacker News readers have linked it 3 times, most often “Show HN: Styletron – Virtual CSS”. No feed was found, so read it on the site itself.
Too few sampled comments (2) to say how often HN recommends it.?
Why HN links it
HN readers link this blog's posts on atomic CSS classes, the approach behind Yahoo's inline-style-like CSS. Commenters discuss it alongside Styletron and the cost of duplicated CSS declarations.
Summarised by Claude from a sample of 2 HN comments that link here. Each comment is marked recommending, critical or neutral (citing without judging); how this works.
Ryan Tsao's personal website and blog
Most-linked posts?
- Show HN: Styletron – Virtual CSS3 people · 3 mentions · first linked 2016-12-06
What Hacker News says?
Another project, which also uses the idea of atomic CSS classes is Styletron [0]. Perhaps their "introductory blog post" [1] better explains the "why". All in all this has some interesting performance benefits. It may look insane, but as long as you don't have to manually make and use these atomic classes this is not such a bad idea. I think the things such as atomic CSS, CSS-in-JS, CSS Modules, styled-components, i…
Comment linking /blog/virtual-css-with-styletron
on “Yahoo reinvented inline styles through classes”Submitted Show HN: Styletron – Virtual CSS as a story · 109 points
HN discussionAn additional problem is that even when CSS is properly scoped, you end up with wasted bits over the wire by sending down duplicated declarations. I did some cursory research using cssstats [1] because I was curious how many CSS declarations are unique. Turns out it's about 20-25% for most "big tech" websites. Gzip helps reduce the impact of this, but Styletron's gzipped CSS is still much (40% or so) smaller than th…
Comment linking /blog/virtual-css-with-styletron
on “Show HN: Styletron – Virtual CSS”