An Interactive Guide to SVG Paths — Hot on the heels of Josh’s excellent introduction to all things SVG comes this detailed look at the powerful <path> element. Josh notes that it’s one of “the most inscrutable” elements to get to grips with, but then demystifies it for us in his usual accessible style.

Josh W. Comeau

🗳️ The Results: State of CSS 2025 — Here are the findings from this year’s CSS-flavored survey, highlighting the fundamental shift this language has taken beyond just styling. A superb real-world look at how we’re all actually using CSS for such things as layout, motion, accessibility and more. (For example, some 80% of all respondents indicated they have now used the :has() pseudo-class.)

Devographics

🔐 Why Passkeys Are the Future of Secure Logins — There are better ways to keep your users secure than passwords. Passkeys use WebAuthn to kill phishing, boost UX, and let users log in securely across devices. Learn how in our free guide: Why Passkeys Improve User Security and How to Implement Them →

FusionAuth sponsor

Five Useful CSS Functions using the New @function Rule — CSS functions recently landed in Chrome 139. So, although browser support is limited right now, that hasn’t stopped Una from sharing a few practical examples of how this powerful feature can be used. This is bound to get you thinking about its capabilities and what this opens up.

Una Kravets

CSS Properties: A Complete Reference of CSS Properties with Release Dates and Docs Links — More of a historical novelty, this is interesting because it allows you to see how many properties were introduced each year. Amazingly, there are 33 properties that are almost 30 years old!

Nikolai Shabalin

A Gentle Introduction to Anchor Positioning — This is a good explainer on how we can now use anchor() to position an element relative to another element using just CSS.

Saron Yitbarek (WebKit)

CSS-Only Scrollspy Effect using scroll-marker-group and :target-current — This new property allows us to recreate the Bootstrap Scrollspy effect in just a few lines — essentially it updates nav links based on a user’s scroll position to indicate which link is currently active in the viewport. Here, Sara shows us how to use it, and how to do so in an accessible and inclusive way.

Sara Soueidan

How Teams Like Cursor Stop Bots from Abusing Free Trials — WorkOS Radar blocks bots, fraud, and abuse using device fingerprinting, brute force detection, and real-time defenses.

WorkOS sponsor

The Power of the Intl API: A Definitive Guide to Browser-Native Internationalization — Instead of relying on heavy third-party libraries, modern JavaScript now offers the Intl API — a powerful, native way to handle internationalization.

Fuqiao Xue

'There’s No Such Thing as a CSS Reset' — “The word ‘reset’ implies an objective default state that you’re restoring to, but the only objective default state is what browsers ship. “

Adam Stoddard

What's My Baseline? — The Baseline project aims to help us all better understand feature adoption across the web and the potential risks involved. Now the Chrome team are encouraging us all to share which Baseline target we’re using in our projects.

Jeremy Wagner

Yellow, Purple and the Myth of “Accessibility Limits Color Palettes” — “Accessibility does not limit your color palette choices. What feels limiting is often a lack of knowledge about WCAG color contrast”.

Stéphanie Walter

jQuery 4.0.0 Release Candidate 1 — Version 4.0 of the ever-enduring jQuery has reached the “we think this is ready; now poke it with many sticks” stage. So poke away.

Timmy Willison

Ready to Secure Your Backend Service Communication? — Clerk M2M tokens are now available in public beta, authenticating requests between different machines within your backend infrastructure.

Clerk sponsor

Panda CSS 1.0: Modern, Build-Time, Type-Safe CSS-in-JS — A DX-focused CSS-in-JS approach from the creator of Chakra UI that offers build-time generated styles and type safety out of the box. It works with Remix, Vite, Next.js, Astro, and even server components.

Segun Adebayo

Apache ECharts 6.0: Powerful Data Visualization Library — Visualization types span from line, bar and pie charts to 3D, calendars and Sankey diagrams. v6 adopts an all new default theme and design language, adds dynamic theme switching, dark mode support, even more new chart types, and more. Be sure to enjoy the 100+ demos and the GitHub repo.

Apache Software Foundation

Hoverly: Add On-Hover Effects to Your Links and Headings — Designed specifically for WordPress but the overall effects can be used anywhere. Useful for quickly previewing effects like glow, underline slide, text fill, etc.

Karol Król

PatternCraft: Modern Background Patterns & Gradients — Choose from a gallery of gradients, geometric patterns, decorative patterns, or effects – all of which can be live previewed on the page and are easy to copy/paste. There's over 100 here.

PatternCraft

Kelp: A UI Library Powered by Modern CSS and Web Components — Based on class-less HTML for core styles plus utility classes along with Web Components. No build step needed, you can simply customize it using CSS variables and HTML attributes.

Chris Ferdinandi

Email is 'Easy' — A simple quiz in which you have to decide if the displayed email address is valid or not. A fair few of these surprised me.

Sam Rose