~frontendfocus | Issue 680 - 19 Web features getting broader support in 2025 (15)

tailwind-merge 3.0: Efficiently Merge Tailwind CSS Classes without Conflicts — Provides a way to merge Tailwind CSS classes from JavaScript without style conflicts. v3.0 is notably Tailwind CSS v4 only so don’t upgrade if you haven’t upgraded Tailwind CSS first.

dash.js 5.0: JS Implementation of MPEG DASH Playback for Browsers — A reference client implementation for the playback of MPEG DASH (Dynamic Adaptive Streaming over HTTP) via JavaScript in browser based environments that support the Media Source Extensions. GitHub repo.

Launching Interop 2025 — This year’s Interop project (an ongoing cross-browser effort to increase interoperability of key web platform features) features 19 focus areas including CSS anchor positioning, Core Web Vitals, the View Transition API, and WebAssembly. You can see the full list, with explanations, in the Interop repo and monitor progress on this dashboard. The WebKit team has shared a blog post going...

Three Approaches to the & Selector in CSS — The & selector in vanilla CSS, now supported via CSS Nesting, allows nesting styles within a parent selector without needing preprocessors like Sass. Here’s a look at some of the nuances behind its use.

Learning How to Build Modern Web Extensions — It’s easy to run into outdated docs when building extensions. Lucky for us, Hui has been through the process recently and shares some tips.

Testing 10 JavaScript Frameworks on Their HTML Defaults — Using a JavaScript framework is now ‘the way’ for many Web site developers, but how do the popular options fare at producing valid, error free HTML?

Decoding CSS Selectors: :has(:not) vs :not(:has) — When you combine CSS functions, the nesting matters - a lot.

StyleObserver: A Library to Observe CSS Property Changes — An exhaustively tested JS library from Lea Verou, designed to observe any changes to CSS properties, and deftly deflecting a mass of relevant browser bugs along the way. Project homepage.

Run GitHub Actions Up to 2x Faster at Half the Cost — Blacksmith runs GitHub Actions up to 2x faster at half the cost. Trusted by 250+ companies like Ashby and Clerk.

LaLoka Layouts: 30+ Useful Components Built with Tailwind — Includes components not normally included in these types of component sets. For example, various fixed position elements, input add-ons, along with standard options like avatars and cards.

Heat.js: A Heat Map Visualization Library — Think like the GitHub contributions heat map. No dependencies, small, responsive, and themeable. There’s a live demo or its GitHub repo.

scroll-snap 5.0: A Customizable Scroll Snap Implementation — Uses requestAnimationFrame() for 60fps scrolling performance and doesn’t have any dependencies. Try it here.

Protect Against Bots, Fraud, and Abuse in Real Time — WorkOS Radar protects your app with advanced device fingerprinting — stop fake signups, free tier abuse, bot attacks and brute force attempts today.

Write CSS Like a Pro — Kevin Powell shares how to create a responsive website from scratch using modern CSS features (such as nesting, utility classes, custom properties, and more). This detailed video course also dives into adding additional polish via animations, view transitions, and more.