Get the latest tech news

What You Need to Know about Modern CSS (Spring 2024 Edition)


My goal with this bookmarkable guide is to provide a list of (frankly: incredible) new additions to CSS lately. There is no hardline criteria for this list other than that these things are all fair…

Browser Support FullProgressive Enhancement?Potentially — if it’s not critical what you are styling, then yes.Polyfillable Yes Use the resizer in the middle to see the calendar change layout depending on how much space it has. Browser Support ✅ Chrome ‘n’ Friends❌ Safari🔜 FirefoxProgressive Enhancement?Yes — these effects tend to be visual flair, not required functionality.Polyfillable Yes Anchor positioning allows you to place items relative to where another element is. If you only ever use one on the entire page, that’s fine, but if you end up nesting them at all, because they have the same specificity, whichever one you define later is technically a bit more powerful, and can win out even if it doesn’t make sense to.

Get the Android app

Or read this on Hacker News

Read more on:

Photo of edition

edition

Photo of spring

spring

Photo of modern css

modern css

Related news:

News photo

Keyboards big and small: three enthusiast options reviewed in spring 2024

News photo

Notions Classic: Spring 1990

News photo

Google Photos preps 'Collections' tab and new a spring cleaning feature