Embracing Playful Imperfection With The CSS `random()` Function
20-10-2026 12:00 via Articles on Smashing Magazine — For Web Designers And Developers

Embracing Playful Imperfection With The CSS `random()` Function

In design, we love spending hours obsessing over consistency, grids, and alignment. But when I heard that the native CSS random() function landed in Safari and is rolling out in Chrome 156, I started wondering: where does randomness actually make sense on the web? Is it something we want in our design system? To find out, I did what I always do in doubt: I built a bunch of playful CodePen demos exploring organic typography, bouncing letters, splayed cards, and a punk fanzine.
As someone who love
Read more »

Web Design news



Modern CSS Might Make Your Front-End More Complex
Modern CSS Might Make Your Front-End More Complex
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?
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