Reading up on CSS
14 deep · digging since dec 11, 25
- GitHub - aidenybai/cnfast: Fast drop in replacement for `cn`
cnfast is a drop-in replacement for tailwind-merge that merges Tailwind classes 3.8x faster on average with byte-identical output.
- GitHub - Automattic/juice: Juice inlines CSS stylesheets into your HTML source.
Juice is a Node.js library that inlines CSS properties from style tags into HTML style attributes, primarily for HTML emails.
- CSS vs. JavaScript
CSS animations run off the main thread so they don't freeze during JS work, but libraries like Motion use the Web Animations API to avoid that pitfall.
- Moving away from Tailwind, and learning to structure my CSS
Developers debate whether Tailwind CSS encourages poor HTML semantics and div soup or improves productivity through utility-first styling and component-based architecture.
- WebKit Features for Safari 26.5
Safari 26.5 introduces the :open pseudo-class, element-scoped random(), color-interpolation for SVG gradients, ToggleEvent.source, and the Origin API, along with 63 bug fixes.
- Multi-stroke text effect in CSS
Stacking CSS text-stroke layers with varying widths creates a multi-stroke text effect, though browser rendering differences (Firefox smoother than Chrome/Safari) and poor performance make it unsuitable for production.
- Name-only @container queries: A solution to the naming wars
Safari 26.4 ships name-only @container queries, resolving naming conflicts by allowing queries without explicit container names.
- Show HN: 3D Mahjong, Built in CSS
A developer built a 3D Mahjong solitaire game entirely in CSS, receiving mixed feedback on rule deviations and mobile UX issues.
- Show HN: I saw this cool navigation reveal, so I made a simple HTML+CSS version
A developer recreates a CSS-only navigation reveal effect using clip-path circle and polygon calculations, inspired by a site seen on Twitter.
- Try text scaling support in Chrome Canary - Josh Tumath
A new HTML meta tag lets developers opt into respecting the user's OS-level text scale on mobile, requiring CSS improvements to avoid layout breakage.
- Replacing JavaScript with Just HTML
Native HTML elements like <details>, <dialog>, and <datalist> can replace some JavaScript, but still lack the interactivity and styling needed for complex apps.
- Introducing CSS Grid Lanes
Apple's WebKit team introduces CSS Grid Lanes as the standardized native implementation of masonry layouts, available now in Safari Technology Preview.
- Incomplete list of mistakes in the design of CSS
A CSS Working Group wiki page catalogs design mistakes in CSS, including problems with the cascade, specificity, margin collapse, and layout properties.
- Should CSS be Constraints?
CSS layout complexity makes both rule-based and constraint-based systems unpredictable; newer modes like Flexbox and Grid improve the situation better than replacing CSS entirely.