Integrating Design And Code With Native Design Tokens In Penpot
https://smashingmagazine.com/2025/05/integrating-design-code-native-design-tokens-penpot/
https://smashingmagazine.com/2025/05/integrating-design-code-native-design-tokens-penpot/
Smashing Magazine
Integrating Design And Code With Native Design Tokens In Penpot — Smashing Magazine
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…
Integrating Localization Into Design Systems
https://smashingmagazine.com/2025/05/integrating-localization-into-design-systems/
https://smashingmagazine.com/2025/05/integrating-localization-into-design-systems/
Smashing Magazine
Integrating Localization Into Design Systems — Smashing Magazine
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…
Smashing Animations Part 2: How CSS Masking Can Add An Extra Dimension
https://smashingmagazine.com/2025/05/smashing-animations-part-2-css-masking-add-extra-dimension/
https://smashingmagazine.com/2025/05/smashing-animations-part-2-css-masking-add-extra-dimension/
Smashing Magazine
Smashing Animations Part 2: How CSS Masking Can Add An Extra Dimension — Smashing Magazine
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…
Fewer Ideas: An Unconventional Approach To Creativity
https://smashingmagazine.com/2025/05/fewer-ideas-unconventional-approach-creativity/
https://smashingmagazine.com/2025/05/fewer-ideas-unconventional-approach-creativity/
Smashing Magazine
Fewer Ideas: An Unconventional Approach To Creativity — Smashing Magazine
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…
Building A Practical UX Strategy Framework
https://smashingmagazine.com/2025/05/building-practical-ux-strategy-framework/
https://smashingmagazine.com/2025/05/building-practical-ux-strategy-framework/
Smashing Magazine
Building A Practical UX Strategy Framework — Smashing Magazine
Learn how to create and implement a UX strategy framework that shapes work and drives real business value.
Smashing Animations Part 3: SMIL’s Not Dead Baby, SMIL’s Not Dead
https://smashingmagazine.com/2025/05/smashing-animations-part-3-smil-not-dead/
https://smashingmagazine.com/2025/05/smashing-animations-part-3-smil-not-dead/
Smashing Magazine
Smashing Animations Part 3: SMIL’s Not Dead Baby, SMIL’s Not Dead — Smashing Magazine
While there are plenty of ways that CSS animations can bring designs to life, adding simple SMIL (Synchronized Multimedia Integration Language) animations in SVG can help them do much more. Andy Clarke explains where SMIL animations in SVG take over where…
What Zen And The Art Of Motorcycle Maintenance Can Teach Us About Web Design
https://smashingmagazine.com/2025/05/what-zen-art-motorcycle-maintenance-teach-web-design/
https://smashingmagazine.com/2025/05/what-zen-art-motorcycle-maintenance-teach-web-design/
Smashing Magazine
What Zen And The Art Of Motorcycle Maintenance Can Teach Us About Web Design — Smashing Magazine
Road-tripping along the line between engineering and spirituality, Robert M. Pirsig’s musings on the arts, sciences, and Quality ring as true now as they ever have.
Data Vs. Findings Vs. Insights In UX
https://smashingmagazine.com/2025/05/data-vs-findings-vs-insights-ux/
https://smashingmagazine.com/2025/05/data-vs-findings-vs-insights-ux/
Smashing Magazine
Data Vs. Findings Vs. Insights In UX — Smashing Magazine
What’s the difference between data, findings, and UX insights? And how do you argue for statistical significance in your UX research? Let’s unpack it.
Reliably Detecting Third-Party Cookie Blocking In 2025
https://smashingmagazine.com/2025/05/reliably-detecting-third-party-cookie-blocking-2025/
https://smashingmagazine.com/2025/05/reliably-detecting-third-party-cookie-blocking-2025/
Smashing Magazine
Reliably Detecting Third-Party Cookie Blocking In 2025 — Smashing Magazine
The web is mired in a struggle to eliminate third-party cookies, with the World Wide Web Consortium Technical Architecture Group leading the charge. But there are obstacles preventing this from happening, and, as a result, many essential web features continue…
Prelude To Summer (June 2025 Wallpapers Edition)
https://smashingmagazine.com/2025/05/desktop-wallpaper-calendars-june-2025/
https://smashingmagazine.com/2025/05/desktop-wallpaper-calendars-june-2025/
Smashing Magazine
Prelude To Summer (June 2025 Wallpapers Edition) — Smashing Magazine
Let’s kick off June — and the beginning of summer — with some fresh inspiration! Artists and designers from across the globe once again tickled their creativity to welcome the new month with a new collection of desktop wallpapers. Enjoy!
Why Designers Get Stuck In The Details And How To Stop
https://smashingmagazine.com/2025/06/why-designers-get-stuck-in-details/
https://smashingmagazine.com/2025/06/why-designers-get-stuck-in-details/
Smashing Magazine
Why Designers Get Stuck In The Details And How To Stop — Smashing Magazine
Designers love to craft, but polishing pixels before the problem is solved is a time-sink. This article pinpoints the five traps that lure us into premature detail — being afraid to show rough work, fixing symptoms instead of causes, solving the wrong problem…
Smashing Animations Part 4: Optimising SVGs
https://smashingmagazine.com/2025/06/smashing-animations-part-4-optimising-svgs/
https://smashingmagazine.com/2025/06/smashing-animations-part-4-optimising-svgs/
Smashing Magazine
Smashing Animations Part 4: Optimising SVGs — Smashing Magazine
What’s the best way to make your SVGs faster, simpler, and more manageable? In this article, pioneering author and web designer Andy Clarke explains the process he relies on *to* prepare, optimise, and structure SVGs for animation and beyond.
Collaboration: The Most Underrated UX Skill No One Talks About
https://smashingmagazine.com/2025/06/collaboration-most-underrated-ux-skill/
https://smashingmagazine.com/2025/06/collaboration-most-underrated-ux-skill/
Smashing Magazine
Collaboration: The Most Underrated UX Skill No One Talks About — Smashing Magazine
We often spotlight wireframes, research, or tools like Figma, but none of that moves the needle if we can’t collaborate well. Great UX doesn’t happen in isolation. It takes conversations with engineers, alignment with product, sales, and other stakeholders…
Decoding The SVG <code>path</code> Element: Line Commands
https://smashingmagazine.com/2025/06/decoding-svg-path-element-line-commands/
https://smashingmagazine.com/2025/06/decoding-svg-path-element-line-commands/
Smashing Magazine
Decoding The SVG path Element: Line Commands — Smashing Magazine
SVG is easy — until you meet `path`. However, it’s not as confusing as it initially looks. In this first installment of a pair of articles, Myriam Frisano aims to teach you the basics of `` and its sometimes mystifying commands. With simple examples and visualizations…
Creating The “Moving Highlight” Navigation Bar With JavaScript And CSS
https://smashingmagazine.com/2025/06/creating-moving-highlight-navigation-bar-javascript-css/
https://smashingmagazine.com/2025/06/creating-moving-highlight-navigation-bar-javascript-css/
Smashing Magazine
Creating The “Moving Highlight” Navigation Bar With JavaScript And CSS — Smashing Magazine
In this tutorial, Blake Lundquist walks us through two methods of creating the “moving-highlight” navigation pattern using only plain JavaScript and CSS. The first technique uses the `getBoundingClientRect` method to explicitly animate the border between…
What I Wish Someone Told Me When I Was Getting Into ARIA
https://smashingmagazine.com/2025/06/what-i-wish-someone-told-me-aria/
https://smashingmagazine.com/2025/06/what-i-wish-someone-told-me-aria/
Smashing Magazine
What I Wish Someone Told Me When I Was Getting Into ARIA — Smashing Magazine
[Accessible Rich Internet Applications (ARIA)](https://www.w3.org/WAI/standards-guidelines/aria/) is an inevitability when working on web accessibility. That said, it’s everyone’s first time learning about ARIA at some point.
Meet Accessible UX Research, A Brand-New Smashing Book
https://smashingmagazine.com/2025/06/accessible-ux-research-pre-release/
https://smashingmagazine.com/2025/06/accessible-ux-research-pre-release/
Smashing Magazine
Meet Accessible UX Research, A Brand-New Smashing Book — Smashing Magazine
Meet “Accessible UX Research,” our upcoming book to make your UX research inclusive. Learn how to recruit, plan, and design with disabled participants in mind. Print edition shipping Fall 2025. eBook also available for download in Fall 2025. Pre-order the…
CSS Cascade Layers Vs. BEM Vs. Utility Classes: Specificity Control
https://smashingmagazine.com/2025/06/css-cascade-layers-bem-utility-classes-specificity-control/
https://smashingmagazine.com/2025/06/css-cascade-layers-bem-utility-classes-specificity-control/
Smashing Magazine
CSS Cascade Layers Vs. BEM Vs. Utility Classes: Specificity Control — Smashing Magazine
CSS can be unpredictable — and specificity is often the culprit. Victor Ayomipo breaks down how and why your styles might not behave as expected, and why understanding specificity is better than relying on `!important`.
Decoding The SVG <code>path</code> Element: Curve And Arc Commands
https://smashingmagazine.com/2025/06/decoding-svg-path-element-curve-arc-commands/
https://smashingmagazine.com/2025/06/decoding-svg-path-element-curve-arc-commands/
Smashing Magazine
Decoding The SVG path Element: Curve And Arc Commands — Smashing Magazine
On her quest to teach you how to code vectors by hand, Myriam Frisano’s second installment of a `path` deep dive explores the most complex aspects of SVG’s most powerful element. She’ll help you understand the underlying rules and function of how curves and…