Browser Support

Stop letting phone notches hide your content. CSS safe area insets fix it instantly. Modern phones come with notches, rounded corners, and gesture bars. If you don’t account for them, parts of your UI can get clipped or…

100vh is unreliable on mobile. Modern CSS gives you better tools. For years, vh and vw were the standard units for responsive sizing. They worked well on desktop. But on mobile, 100vh often broke layouts when browser ba…

CSS is getting better at accessibility. And most developers haven’t noticed. We often use the content property to inject icons or decorative images. But what if those images need to be accessible? CSS now supports alt …

Still repeating long selector lists in CSS? You really do not have to anymore. One thing that makes CSS feel heavier than it should is selector repetition. You style the same rule for h1, h2, h3. Or for button, a.butto…

Heard of the HTML inert attribute? It’s simple, powerful, and changes how you build UI. Add inert to any element, and that entire section becomes inactive. Users can’t click it. They can’t tab through it. And screen rea…

Tired of fighting CSS specificity? CSS Layers end the battle. CSS Layers are a native way to organize stylesheets. They give you control over priority without playing selector games. Instead of relying on specificity o…

You can now style text that matches a browser find-in-page search. In CSS. With ::search-text. That means when someone uses the browser search bar and looks for a word on your page, you can control how those matches a…

You can build a live counter with pure CSS. No JavaScript at all. Most people think counters need state. A click handler. A bit of DOM update logic. But CSS already has its own counter system. And it is much more capab…

Make elements follow any path. No JavaScript or GSAP required. CSS motion paths let you animate an element along a curve, a loop, or any custom shape. You only need three properties. offset-path defines the route. You …

This slider uses no JavaScript at all. Only modern CSS. The new carousel-related CSS features are honestly wild. With ::scroll-marker-group and ::scroll-marker, you can generate pagination dots directly from CSS. With …