Top all-time · #5055
Roman Komarov
Personal blog · kizu.devwebdesign
Roman Komarov's personal blog at kizu.dev covers web and design. Since 2023, 16 different Hacker News readers have linked it 19 times, most often “Fit-to-Width Text”. It is still writing: the last post was on 2026-01-27, and you can follow it by feed.
Too few sampled comments (7) to say how often HN recommends it.?
Why HN links it
HN commenters link Roman Komarov's CSS posts on fit-to-width layout, self-modifying custom properties, the inherit() function, scroll-driven animations and SVG linked parameters, usually as sources for CSS workarounds.
Summarised by Claude from a sample of 7 HN comments that link here. Each comment is marked recommending, critical or neutral (citing without judging); how this works.
Personal site, blog and experiments with CSS and other front-end technologies.
Most-linked posts?
- Fit-to-Width Text3 people · 3 mentions · first linked 2023-06-21
- Future CSS: Anchor Positioning3 people · 3 mentions · first linked 2023-03-17
- Position-Driven Styles2 people · 3 mentions · first linked 2023-06-29
- /fit-to-width/2 people · 2 mentions · first linked 2024-11-16
What Hacker News says?
There is pure CSS solution: https://kizu.dev/fit-to-width/
Comment linking /fit-to-width/
on “MomBoard: E-ink display for a parent with amnesia”Submitted Fit-to-Width Text as a story · 3 points
HN discussioni asked this on bluesky ( https://bsky.app/profile/swyx.io/post/3lb2x53wuwc2y ) and immiediately got this https://kizu.dev/fit-to-width/ which means theres no technical barrier now, we just need the powers that be to prioritize it anyone with influence on the CSSWG?
Comment linking /fit-to-width/
on “MomBoard: E-ink display for a parent with amnesia”Submitted Layered Toggles: Optional CSS Mixins as a story · 2 points
HN discussionThe article I linked goes into the details, but basically a relative approach constrains your markup: The positioned thing must be a child of the relatively positioned anchor or a wrapper element, and you often cannot sensibly position it without using JS to check the location of the anchor. E.g. a popover menu for a button must check if the button is close to an edge of the viewport and position the menu element ap…
Comment linking /anchor-positioning-experiments/
on “Popover API”Submitted Solving Shrinkwrap: New Experimental Technique as a story · 1 points
HN discussionNot by themselves, at least today, as we can't currently modify the value of a custom property by using itself in the calculation. But in the future we will have an `inherit()` functional notation that will unlock this (and at least Chrome implemented it in Canary already — https://blog.kizu.dev/play-with-inherit-function/ ). It is possible to use style queries and some hacks ( https://kizu.dev/self-modifying-variab…
Comment linking /self-modifying-variables/
on “It is ok to say "CSS variables" instead of "custom properties"”Submitted Solving Shrinkwrap [for CSS]: New Experimental Technique [Without JavaScript] as a story · 1 points
HN discussionCredit to Roman Komarov who came up with the approach [1], and Todd Matthews [2] who made the art assets. 1: https://kizu.dev/svg-linked-parameters-workaround/ 2: https://www.seaofclouds.com
Comment linking /svg-linked-parameters-workaround/
on “Bijou64: A variable-length integer encoding”Submitted Future CSS: Anchor Positioning as a story · 1 points
HN discussionWeirdly enough, with the new scroll-driven animations spec (the spec’s terminology), you can do all sorts of position-based styling without any actual scrolling taking place[1]. Of course you can also use it for its intended purpose of actually detecting scroll position. But this also unlocks a lot of other style query problems, like the cursed wrap detection. For some cases, container queries should also be suffici…
Comment linking /position-driven-styles/
on “Future CSS: State Container Queries”Submitted Scroll-Driven State Transfer as a story · 1 points
HN discussionThere are already JS solutions for scroll-based behaviors and styling (the actual scroll event, IntersectionObserver which performs better because it’s non-blocking and batched). Scroll Timeline is a CSS-only solution. And it’s kind of a misnomer, it’s really a position-based styling mechanism that can be used without any scrolling at all[1]. At minimum, this API will allow existing functionality that relies on scro…
Comment linking /position-driven-styles/
on “New in Chrome 115”Submitted Position-Driven Styles as a story · 1 points
HN discussionSubmitted What if I will tell you how we could solve fit-to-width text with pure CSS as a story · 1 points
HN discussionSubmitted Fit-to-width text with pure CSS as a story · 1 points
HN discussionSubmitted Cyclic Dependency Space Toggles as a story · 1 points
HN discussionSubmitted Counters and Stones as a story · 1 points
HN discussionSubmitted Future CSS: Anchor Positioning as a story · 1 points
HN discussion
