DEV Community

Cover image for State of CSS 2025: :has() takes the crown πŸ†
Adam Marsden
Adam Marsden

Posted on

State of CSS 2025: :has() takes the crown πŸ†

Hey πŸ‘‹

Hope you're having a good week so far. This edition I loved the deep dive into the State of CSS 2025 results, with :has() rightly in the spotlight.

You will also find smart takes on real-time dashboards, motion that serves the product, and handy bits from debugging minified files to tidier animation starts.

See you in the next one.

  • Adam at Unicorn Club πŸ¦„

πŸ“¬ Want More? Subscribe to Our Newsletter!

Get the latest edition delivered straight to your inbox every week. By subscribing, you'll:

  • Receive the newsletter earlier than everyone else.
  • Access exclusive content not available to non-subscribers.
  • Stay updated with the latest trends in design, coding, and innovation.

Don't miss out! Click the link below to subscribe and be part of our growing community of front-end developers and UX/UI designers.

πŸ”— Subscribe Now - It's Free!


Sponsored by 20i

Expect More From Your WordPress Hosting

20i WordPress Hosting

Upgrade your WordPress Hosting to dynamic autoscaling with high-frequency CPUs & unlimited CDN pre-cache for always-on, always-fast performance. Easy migration, any time.

Plus, get everything you need to build & manage awesome WordPress sites without any fuss; integrated WordPress staging, cloning, WP Manager, backups, email & security - no plugins required!

First month only $1 β†’


🧠 UX

From Data to Decisions: UX Best Practices for Real-Time Performance Dashboard Design

Navigating an unfamiliar city without the aid of Google Maps or any navigation tool can be a challenging experience.

πŸ§‘β€πŸ’» Dev

State of CSS 2025 Results

Of all the features included in the survey, :has() is both the most-used and the most-loved one.

Infinite Pixels

Element Size Results - Chrome and Safari both get very close to 225-1 (33,554,431), with Safari backing off from that by just 3 pixels, and Chrome by 31.

Debug minified files with "//# sourceURL="

I've followed Harry since my early years and he aways has super useful tips. Learn how to debug those minified files in browser dev tools.

There’s no such thing as a CSS reset

CSS resets are a technique nearly as long lived as the modern CSS era itself, stretching all the way from the CSS Zen Garden days to inclusion in mass-market current-day tools like Tailwind.

Animating from scale(0) usually feels "off".

Try animating from a higher initial scale instead (0.9+). It helps it feel more gentle and elegant.

⚑️ Resetting Community Slack - your voice matters

Slack’s been too quiet. We’re resetting: fewer channels, most chat to #general and Monday threads on what moves product, design, and dev. Want in? Join the convo in #general and help shape a sharper, no-noise club.

Join now β†’

πŸ“° Classifieds

Share with 3,500+ readers, book a classified ad.

Most interesting tech news & insights

Daily rundown of what's happening in tech and what you shouldn't miss. Read by 200,000+ professionals from Google, Apple, OpenAI...

Keep up with Tech in 5 minutes

TLDRs of the most interesting stories in startups, tech, and programming!

Discover the strategies behind iconic brands.

Get our "7 Positioning Sins That Cost B2B Brands Millions" guide when you join. It's free, join 10,000+ B2B executives.

πŸ“¦ Product

How I approach motion in product design

Motion is critical for how a product feels. It guides attention, reinforces brand personality, and can make an interface feel more responsive.

Objective and Key Results: 101

OKRs (Objectives and Key Results) is a popular goal-setting framework used by individuals, teams, and organizations to define objectives and track their progress and outcomes.

πŸ—“οΈ Upcoming Events

Get 10% off tickets with exclusive deal with our partners at the React Summit & JSNation.

⚑️ Rapid Product Discovery with AI-Powered Interviews

September 8–11, 2025 – In-person & Online

Join SmashingConf Freiburg for 2 days of packed sessions, deep-dive workshops, and real-world tips for developers and designers. Learn from 12+ expert speakers, network with passionate attendees, and take part in fun, accessible web events at a friendly, inclusive conference in Germany.

See Event β†’

βš›οΈ React Summit US 2025

November 18 & 21, 2025 – Hybrid: New York & Online

Join the biggest React conference in the US! React Summit US brings developers together to learn from 50+ expert speakers, experience AI engineering deep dives, hands-on workshops, and unforgettable networking in NYC’s iconic Liberty Science Center. Use code FRIENDS for 10% off tickets!

See Event β†’

πŸ€– Intro to Practical AI Prototyping

Thu, Aug 21, 2025 - Virtual (Live on Zoom)

Join this free 45-minute virtual Lightning Lesson on AI prototyping, where Product Manager Colin Matthews shares practical ways to build, test, and ship working AI prototypes. Explore tools like Bolt, v0, and Lovable, create reusable components and baselines, and learn how to validate ideas faster with less rework.

See Event β†’

🌐 JSNation US 2025

November 17 & 20, 2025 – Hybrid: New York & Online

Step into the premier JavaScript event in the US! JSNation US unites 700+ engineers for 40+ talks, hand-on workshops, deep dives in AI, and stellar networking at Liberty Science Center’s planetarium. Use code FRIENDS for 10% off tickets!

See Event β†’

🎨 Design

Pricing Page Designs

Explore a curated collection of the best pricing page examples

Designing With AI, Not Around It: Practical Advanced Techniques For Product Design Use Cases

Prompting isn’t just about writing better instructions, but about designing better thinking.


Support the newsletter

If you find Unicorn Club useful and want to support our work, here are a few ways to do that:

πŸ“¨ Recommend friends to subscribe

πŸ“’ Sponsor or book a classified ad

πŸ‘• Look like a Unicorn in our merch

β˜•οΈ Buy me a coffee

Other ways I can help...

Here’s how I can help you tackle your next challenge:

🎯 1:1 Mentorship – Personalised advice on portfolios, career moves, or challenges you're facing.

πŸ’‘ Hire Me – Let’s work together to launch your vision, get expert guidance and make an impact.

Thanks for reading ❀️

Adam from Unicorn Club

Follow me on X or BlueSky

Connect on LinkedIn

Top comments (0)