Modern CSS Might Make Your Front-End More Complex
03-11-2026 11:00 via Articles on Smashing Magazine — For Web Designers And Developers

Modern CSS Might Make Your Front-End More Complex

Have you ever replaced fifty lines of JavaScript with a few lines of CSS, merged the PR, and felt like you just did the codebase a favor? You replace ResizeObserver with a container query, the diff is mostly red, and everyone approves it before lunch.
This was what it looked like before you made the change:
The selector matches more than we meant.
The :has(img) rule matches any descendant image, so the comment’s avatar counted as a hero image. And the p element selector matches any descendant
Read more »

Web Design news



A Spark Of Color In November’s Gray (2026 Wallpapers Edition)
A Spark Of Color In November’s Gray (2026 Wallpapers Edition)
Accordion Icons: Which Work Best?
Accordion Icons: Which Work Best?
Embracing Playful Imperfection With The CSS `random()` Function
Embracing Playful Imperfection With The CSS `random()` Function
Is Your Organization Messing Up AI Adoption?
Is Your Organization Messing Up AI Adoption?
A Practical Guide To Naming Things
A Practical Guide To Naming Things
Under Autumn’s Spell (October 2026 Wallpapers Edition)
Under Autumn’s Spell (October 2026 Wallpapers Edition)
Stop Treating CSS Container Queries Like Traditional Media Queries
Stop Treating CSS Container Queries Like Traditional Media Queries
Building A UX ROI Case That Survives The Boardroom
Building A UX ROI Case That Survives The Boardroom
The Death Of The Button: Why The Best Interface Is No Interface
The Death Of The Button: Why The Best Interface Is No Interface
The Many Faces Of September (2026 Wallpapers Edition)
The Many Faces Of September (2026 Wallpapers Edition)
Rethinking Data Visualisation: A UX Approach To Dashboards That Actually Drives Decisions
Rethinking Data Visualisation: A UX Approach To Dashboards That Actually Drives Decisions
Why Your Website Should Never Stop Changing
Why Your Website Should Never Stop Changing
Timing Charts: A Blueprint For SMIL Animations
New EU Guidelines For AI Labelling
New EU Guidelines For AI Labelling
Desktop versie