February 15, 2026
New CSS, old browsers, big feelings
Modern CSS Code Snippets: Stop writing CSS like it's 2015
Shiny new tricks vs grandpa’s browser—devs are divided
TLDR: A new site, modern.css, shows side‑by‑side upgrades that replace old CSS hacks with built‑in features. Comments split between excitement for cleaner, no‑JavaScript solutions and pushback about AI‑ish design, Tailwind fatigue, and uneven support on older devices—new power versus real‑world reliability.
Modern CSS is staging an intervention: Stop writing CSS like it’s 2015. The updated‑for‑2026 site modern.css puts old hacks next to built‑in moves—centering with grid’s place-items, frosted glass via backdrop-filter, consistent color with OKLCH (a color scale that keeps hue steady), modals that don’t scroll the page using overscroll-behavior, and layouts that don’t jump with scrollbar-gutter. It also shows responsive images with object-fit, form styling without JavaScript using :user-invalid, auto‑growing textareas via field-sizing, and “height: auto” animations thanks to interpolate-size. Many are marked 90–96% supported, but a few sit near 70%.
Then the comments lit up. laacz side‑eyed the site’s look—“AI‑generated vibes,” pointing at glossy gradients and hover tiles. piskov brought the brakes: “2015 is good enough,” saying old corporate PCs and phones can’t run the new stuff and flex tricks still work. ktpsns roasted utility classes: Tailwind “feels like 2005 inline styles.” jgalt212 went full meme: CSS and JavaScript as feuding agencies. Bengalilol tossed cold water on the hype, warning some demos have “40–50%” real‑world support. Meanwhile, modernists cheered the promise of less JavaScript and cleaner, native solutions. Verdict? It’s the usual split: cleaner code vs. compatibility anxiety, with jokes, side‑eyes, and just enough chaos to keep everyone refreshing.
Key Points
- •Modern.css aggregates 64 side-by-side snippets showing modern CSS replacements for older hacks and JS solutions.
- •The site is updated for 2026, with category filters and browser support indicators for each technique.
- •Examples include centering with CSS Grid, using OKLCH for perceptually uniform colors, and `backdrop-filter` for frosted glass effects.
- •Layout and UX improvements showcased include `scrollbar-gutter` for stable layouts and `overscroll-behavior` to prevent scroll chaining.
- •Form and animation features include `:user-invalid`/`:user-valid`, `field-sizing` for auto-growing textareas, and `interpolate-size` for smooth height auto animations.