Smashing Magazine

Design System In 90 Days

hello@smashingmagazine.com (Vitaly Friedman) |
Helpful PDF worksheets and tools to get the design system effort up and running — and adopted! Kindly powered by How To Measure UX and Design Impact, a friendly course on how to show the impact of your incredible UX work on business.... read more

Building A Practical UX Strategy Framework

hello@smashingmagazine.com (Paul Boag) |
Learn how to create and implement a UX strategy framework that shapes work and drives real business value.... read more

Fewer Ideas: An Unconventional Approach To Creativity

hello@smashingmagazine.com (Eric Olive) |
Remember that last team brainstorming session where you were supposed to generate a long list of brilliant ideas? How many of those ideas actually stuck? Did leadership act on any of those ideas? In this article, Eric Olive challenges the value of exercises like brainstorming and explores more effec... read more

Smashing Animations Part 2: How CSS Masking Can Add An Extra Dimension

hello@smashingmagazine.com (Andy Clarke) |
What if you could take your CSS animations beyond simple fades and slides — adding an extra dimension and a bit of old-school animation magic? In this article, pioneering author and web designer [Andy Clarke](https://stuffandnonsense.co.uk) will show you how masking can unlock new creative possibili... read more

Integrating Localization Into Design Systems

hello@smashingmagazine.com (Rebecca Hemstad & Mark Malek) |
Learn how two designers tackled the challenges of building a localization-ready design system for a global audience. This case study dives into how Rebecca and Mark combined Figma Variables and design tokens to address multilingual design issues, such as text overflow, RTL layouts, and font inconsis... read more

Integrating Design And Code With Native Design Tokens In Penpot

hello@smashingmagazine.com (Mikołaj Dobrucki) |
The Penpot team is not slowing down on its mission to build a free design tool that not only offers powerful design features but is also well-integrated with code and modern development practices. In its latest release, Penpot, as the first design tool ever, introduces support for native design toke... read more

Smashing Animations Part 1: How Classic Cartoons Inspire Modern CSS

hello@smashingmagazine.com (Andy Clarke) |
Have you ever thought about how the limitations of early cartoon animations might relate to web design today? From looping backgrounds to minimal frame changes, these retro animation techniques have surprising parallels to modern CSS. In this article, pioneering author and web designer [Andy Clarke]... read more

Masonry In CSS: Should Grid Evolve Or Stand Aside For A New Module?

hello@smashingmagazine.com (Gabriel Shoyombo) |
There were duelling proposals floating around for adding support for masonry-style layouts in CSS. In one corner is a proposal that extends the existing CSS Grid specification. In the other corner is a second proposal that sets up masonry as a standalone module. Well, not until recently. Now, there ... read more

How To Launch Big Complex Projects

hello@smashingmagazine.com (Vitaly Friedman) |
When was the last time your project wrapped up smoothly — no delays, no surprises, no last-minute compromises? In reality, most UX projects drift as timelines slip, budgets stretch, and features morph. How do we get better at navigating the chaos? An upcoming part of How To Measure UX and Design Imp... read more

WCAG 3.0’s Proposed Scoring Model: A Shift In Accessibility Evaluation

hello@smashingmagazine.com (Mikhail Prosmitskiy) |
WCAG is evolving. Since 1999, the Web Content Accessibility Guidelines have defined accessibility in binary terms: either a success criterion is met or not. But real user experience is rarely that simple. WCAG 3.0 rethinks the model — prioritizing usability over compliance and shifting the focus tow... read more