Smashing Magazine
@smashingmagazine.com
An online magazine for designers and web developers. Questions? The Smashing Team has your back! Curated by Iris, Vitaly, and the Support team.
🚀 Prescriptive class name conventions are no longer enough to keep CSS maintainable in a world of increasingly complex interfaces. Can the new @scope rule finally give developers the confidence to write CSS that can keep up with modern front ends? www.smashingmagazine.com/2026/02/css-...
February 5, 2026 at 2:15 PM
🚀 Prescriptive class name conventions are no longer enough to keep CSS maintainable in a world of increasingly complex interfaces. Can the new @scope rule finally give developers the confidence to write CSS that can keep up with modern front ends? www.smashingmagazine.com/2026/02/css-...
✨ So what’s the difference between combobox, multiselect, listbox, and dropdown? While all these UI components might appear similar, they serve different purposes.
↬ Let’s see how they differ, what purpose they serve, and how to choose the right one: www.smashingmagazine.com/2026/02/comb...
↬ Let’s see how they differ, what purpose they serve, and how to choose the right one: www.smashingmagazine.com/2026/02/comb...
February 3, 2026 at 2:17 PM
✨ So what’s the difference between combobox, multiselect, listbox, and dropdown? While all these UI components might appear similar, they serve different purposes.
↬ Let’s see how they differ, what purpose they serve, and how to choose the right one: www.smashingmagazine.com/2026/02/comb...
↬ Let’s see how they differ, what purpose they serve, and how to choose the right one: www.smashingmagazine.com/2026/02/comb...
🎯 Developing effective agentic AI requires a new research playbook. When systems plan, decide, and act on our behalf, UX moves beyond usability testing into the realm of trust, consent, and accountability. Here’s how to design these systems responsibly: www.smashingmagazine.com/2026/01/beyo...
January 29, 2026 at 11:46 AM
🎯 Developing effective agentic AI requires a new research playbook. When systems plan, decide, and act on our behalf, UX moves beyond usability testing into the realm of trust, consent, and accountability. Here’s how to design these systems responsibly: www.smashingmagazine.com/2026/01/beyo...
🧩 In CSS, stacking contexts are incredibly useful, but they’re also widely misunderstood and cause layout headaches.
↬ Learn how elements are “stacked” on a webpage, what controls the stacking order, and how to “unstack” them when needed: www.smashingmagazine.com/2026/01/unst...
↬ Learn how elements are “stacked” on a webpage, what controls the stacking order, and how to “unstack” them when needed: www.smashingmagazine.com/2026/01/unst...
January 27, 2026 at 4:12 PM
🧩 In CSS, stacking contexts are incredibly useful, but they’re also widely misunderstood and cause layout headaches.
↬ Learn how elements are “stacked” on a webpage, what controls the stacking order, and how to “unstack” them when needed: www.smashingmagazine.com/2026/01/unst...
↬ Learn how elements are “stacked” on a webpage, what controls the stacking order, and how to “unstack” them when needed: www.smashingmagazine.com/2026/01/unst...
🚀 It’s 2026. The web is faster, more fluid, and more powerful than ever. Yet we’re still chasing “pixel perfect.”
↬ Amit Sheen questions this legacy concept, explaining why it’s failing us and redefining what “perfection” actually looks like: www.smashingmagazine.com/2026/01/reth...
↬ Amit Sheen questions this legacy concept, explaining why it’s failing us and redefining what “perfection” actually looks like: www.smashingmagazine.com/2026/01/reth...
January 20, 2026 at 4:18 PM
🚀 It’s 2026. The web is faster, more fluid, and more powerful than ever. Yet we’re still chasing “pixel perfect.”
↬ Amit Sheen questions this legacy concept, explaining why it’s failing us and redefining what “perfection” actually looks like: www.smashingmagazine.com/2026/01/reth...
↬ Amit Sheen questions this legacy concept, explaining why it’s failing us and redefining what “perfection” actually looks like: www.smashingmagazine.com/2026/01/reth...
🎨 Relative colour doesn’t just make theming easier. It changes how we think about colour. Like motion, it becomes intentional.
↬ Andy Clarke shows how CSS relative colour values can theme and animate SVGs, where changing one value transforms an entire scene: www.smashingmagazine.com/2026/01/smas...
↬ Andy Clarke shows how CSS relative colour values can theme and animate SVGs, where changing one value transforms an entire scene: www.smashingmagazine.com/2026/01/smas...
January 14, 2026 at 12:50 PM
🎨 Relative colour doesn’t just make theming easier. It changes how we think about colour. Like motion, it becomes intentional.
↬ Andy Clarke shows how CSS relative colour values can theme and animate SVGs, where changing one value transforms an entire scene: www.smashingmagazine.com/2026/01/smas...
↬ Andy Clarke shows how CSS relative colour values can theme and animate SVGs, where changing one value transforms an entire scene: www.smashingmagazine.com/2026/01/smas...
✨ How to shape your career path for 2026, with decision trees for designers and a UX skills self-assessment matrix.
↬ The only limits for tomorrow are the doubts we have today: www.smashingmagazine.com/2026/01/ux-p...
↬ The only limits for tomorrow are the doubts we have today: www.smashingmagazine.com/2026/01/ux-p...
January 13, 2026 at 11:35 AM
✨ How to shape your career path for 2026, with decision trees for designers and a UX skills self-assessment matrix.
↬ The only limits for tomorrow are the doubts we have today: www.smashingmagazine.com/2026/01/ux-p...
↬ The only limits for tomorrow are the doubts we have today: www.smashingmagazine.com/2026/01/ux-p...
Penpot is experimenting with MCP servers 🤖🎨
What if AI could understand and interact directly with your Penpot design files?
Here’s how Penpot MCP servers work, what they could mean for creating and managing designs, and how you can help shape their future: www.smashingmagazine.com/2026/01/penp...
What if AI could understand and interact directly with your Penpot design files?
Here’s how Penpot MCP servers work, what they could mean for creating and managing designs, and how you can help shape their future: www.smashingmagazine.com/2026/01/penp...
January 8, 2026 at 1:14 PM
Penpot is experimenting with MCP servers 🤖🎨
What if AI could understand and interact directly with your Penpot design files?
Here’s how Penpot MCP servers work, what they could mean for creating and managing designs, and how you can help shape their future: www.smashingmagazine.com/2026/01/penp...
What if AI could understand and interact directly with your Penpot design files?
Here’s how Penpot MCP servers work, what they could mean for creating and managing designs, and how you can help shape their future: www.smashingmagazine.com/2026/01/penp...
✨ CSS Wrapped 2025 is out! We’re entering a world where CSS can increasingly handle logic, state, and complex interactions once reserved for JavaScript.
↬ Here’s an unpacking of the highlights and how they connect to the broader evolution of modern CSS: www.smashingmagazine.com/2025/12/stat...
↬ Here’s an unpacking of the highlights and how they connect to the broader evolution of modern CSS: www.smashingmagazine.com/2025/12/stat...
December 10, 2025 at 10:03 AM
✨ CSS Wrapped 2025 is out! We’re entering a world where CSS can increasingly handle logic, state, and complex interactions once reserved for JavaScript.
↬ Here’s an unpacking of the highlights and how they connect to the broader evolution of modern CSS: www.smashingmagazine.com/2025/12/stat...
↬ Here’s an unpacking of the highlights and how they connect to the broader evolution of modern CSS: www.smashingmagazine.com/2025/12/stat...
🔍 Explainable AI isn’t just a challenge for data scientists. It’s also a design challenge and a core pillar of trustworthy, effective AI products. Victor Yocco offers practical guidance and design patterns for building explainability into real products: www.smashingmagazine.com/2025/12/beyo...
December 8, 2025 at 10:11 AM
🔍 Explainable AI isn’t just a challenge for data scientists. It’s also a design challenge and a core pillar of trustworthy, effective AI products. Victor Yocco offers practical guidance and design patterns for building explainability into real products: www.smashingmagazine.com/2025/12/beyo...
✨ CSS Masonry is almost here! Patrick Brosset takes a deep dive into what this long-awaited feature means for web developers and how you could make use of it in your own work: www.smashingmagazine.com/2025/12/maso...
December 2, 2025 at 6:24 PM
✨ CSS Masonry is almost here! Patrick Brosset takes a deep dive into what this long-awaited feature means for web developers and how you could make use of it in your own work: www.smashingmagazine.com/2025/12/maso...
Would you like to get featured in our upcoming wallpapers post? We’re still taking submissions for December, so don’t hesitate to join in. We’d love to see your story come to life!
📷️ Join in: www.smashingmagazine.com/2015/12/desk...
📷️ Join in: www.smashingmagazine.com/2015/12/desk...
November 25, 2025 at 11:05 AM
Would you like to get featured in our upcoming wallpapers post? We’re still taking submissions for December, so don’t hesitate to join in. We’d love to see your story come to life!
📷️ Join in: www.smashingmagazine.com/2015/12/desk...
📷️ Join in: www.smashingmagazine.com/2015/12/desk...
🤖 Server chaos doesn’t have to be the norm. Explore how AI-ready infrastructure and automation can bring clarity, performance, and focus back to your web work: www.smashingmagazine.com/2025/11/simp...
November 19, 2025 at 3:31 PM
🤖 Server chaos doesn’t have to be the norm. Explore how AI-ready infrastructure and automation can bring clarity, performance, and focus back to your web work: www.smashingmagazine.com/2025/11/simp...
There are many tips for improving your website's performance. But even if you follow all the advice, can you maintain an optimized site? And are you targeting the right pages?
↬ Matt Zeunert on effective strategies: www.smashingmagazine.com/2025/11/effe...
(Article supported by @debugbear.com 💖)
↬ Matt Zeunert on effective strategies: www.smashingmagazine.com/2025/11/effe...
(Article supported by @debugbear.com 💖)
November 18, 2025 at 7:00 PM
There are many tips for improving your website's performance. But even if you follow all the advice, can you maintain an optimized site? And are you targeting the right pages?
↬ Matt Zeunert on effective strategies: www.smashingmagazine.com/2025/11/effe...
(Article supported by @debugbear.com 💖)
↬ Matt Zeunert on effective strategies: www.smashingmagazine.com/2025/11/effe...
(Article supported by @debugbear.com 💖)
🧩 With component variants, design systems become more flexible, letting you reuse components while easily adapting their look or state.
↬ Daniel Schwarz on how to manage them with design tokens in Penpot, the open-source tool for scalable, consistent design: www.smashingmagazine.com/2025/11/how-...
↬ Daniel Schwarz on how to manage them with design tokens in Penpot, the open-source tool for scalable, consistent design: www.smashingmagazine.com/2025/11/how-...
November 5, 2025 at 11:51 AM
🧩 With component variants, design systems become more flexible, letting you reuse components while easily adapting their look or state.
↬ Daniel Schwarz on how to manage them with design tokens in Penpot, the open-source tool for scalable, consistent design: www.smashingmagazine.com/2025/11/how-...
↬ Daniel Schwarz on how to manage them with design tokens in Penpot, the open-source tool for scalable, consistent design: www.smashingmagazine.com/2025/11/how-...
Our Person of the Week is a Senior Product Designer, founder, and mentor on a mission to make design resources more accessible for designers. Drumroll, please, for... Ozan Öztaskiran!
Thank you for everything you do for the community, dear Ozan! 💖
#smashingcommunity
Thank you for everything you do for the community, dear Ozan! 💖
#smashingcommunity
November 4, 2025 at 10:31 AM
Our Person of the Week is a Senior Product Designer, founder, and mentor on a mission to make design resources more accessible for designers. Drumroll, please, for... Ozan Öztaskiran!
Thank you for everything you do for the community, dear Ozan! 💖
#smashingcommunity
Thank you for everything you do for the community, dear Ozan! 💖
#smashingcommunity
Drumroll, please, for our Person of the Week: Iain Bean! Iain is a Senior Developer interested in design systems, accessibility and typography. He’s also the creator of The Component Gallery.
Thank you for everything you do for the community, dear
Iain Bean! 💖
#smashingcommunity
Thank you for everything you do for the community, dear
Iain Bean! 💖
#smashingcommunity
October 27, 2025 at 1:06 PM
Drumroll, please, for our Person of the Week: Iain Bean! Iain is a Senior Developer interested in design systems, accessibility and typography. He’s also the creator of The Component Gallery.
Thank you for everything you do for the community, dear
Iain Bean! 💖
#smashingcommunity
Thank you for everything you do for the community, dear
Iain Bean! 💖
#smashingcommunity
🌊 Over-reliance on static high-fidelity mockups often leaves the conceptual model and user flows dangerously underdeveloped. Can AI-powered prototyping be the answer? Is the future “vibe coding” or a more structured, intent-driven approach? www.smashingmagazine.com/2025/09/inte...
Intent Prototyping: The Allure And Danger Of Pure Vibe Coding In Enterprise UX (Part 1) — Smashing Magazine
Yegor Gilyov examines the problem of over-reliance on static high-fidelity mockups, which often leave the conceptual model and user flows dangerously underdeveloped. He then explores whether AI-powere...
www.smashingmagazine.com
September 25, 2025 at 2:14 PM
🌊 Over-reliance on static high-fidelity mockups often leaves the conceptual model and user flows dangerously underdeveloped. Can AI-powered prototyping be the answer? Is the future “vibe coding” or a more structured, intent-driven approach? www.smashingmagazine.com/2025/09/inte...
✨ Creating motion can be tricky. Too much distracts, too little feels flat. Ambient animations are the middle ground — subtle, slow-moving details that add atmosphere without stealing the show. Learn how to bring them into your projects: www.smashingmagazine.com/2025/09/ambi...
September 22, 2025 at 4:25 PM
✨ Creating motion can be tricky. Too much distracts, too little feels flat. Ambient animations are the middle ground — subtle, slow-moving details that add atmosphere without stealing the show. Learn how to bring them into your projects: www.smashingmagazine.com/2025/09/ambi...
👥 Personas often take a lot of work to create, yet deliver little value. Paul Boag shows how to breathe new life into this stale UX asset and demonstrates that it’s possible to create truly useful functional personas in a lightweight way: www.smashingmagazine.com/2025/09/func...
September 18, 2025 at 4:37 PM
👥 Personas often take a lot of work to create, yet deliver little value. Paul Boag shows how to breathe new life into this stale UX asset and demonstrates that it’s possible to create truly useful functional personas in a lightweight way: www.smashingmagazine.com/2025/09/func...
🔍 Real-time search results power smarter apps, whether for SEO, price monitoring, AI training, or local data parsing. See how tools like SerpApi make it easy to pull, customize, and integrate this data directly into your app or website: www.smashingmagazine.com/2025/09/serp...
September 17, 2025 at 10:56 AM
🔍 Real-time search results power smarter apps, whether for SEO, price monitoring, AI training, or local data parsing. See how tools like SerpApi make it easy to pull, customize, and integrate this data directly into your app or website: www.smashingmagazine.com/2025/09/serp...
🎨 Elastic and bounce effects are motion design favorites, but also some of the most time-consuming to create. Luckily, new tools make it easier. Meet Expressive Animator: lively animations in seconds, no tedious work of manual keyframe editing required: www.smashingmagazine.com/2025/09/crea...
September 15, 2025 at 12:35 PM
🎨 Elastic and bounce effects are motion design favorites, but also some of the most time-consuming to create. Luckily, new tools make it easier. Meet Expressive Animator: lively animations in seconds, no tedious work of manual keyframe editing required: www.smashingmagazine.com/2025/09/crea...
🌀 CSS Cascade Layers sound neat, but what happens when you drop them into a messy legacy codebase? Let’s talk about the experience of integrating cascade layers into real-world code, the good, the bad, and the spaghetti: www.smashingmagazine.com/2025/09/inte...
Integrating CSS Cascade Layers To An Existing Project — Smashing Magazine
The idea behind this is to share a full, unfiltered look at integrating CSS Cascade Layers into an existing legacy codebase. In practice, it’s about refactoring existing CSS to use cascade layers with...
www.smashingmagazine.com
September 10, 2025 at 5:21 PM
🌀 CSS Cascade Layers sound neat, but what happens when you drop them into a messy legacy codebase? Let’s talk about the experience of integrating cascade layers into real-world code, the good, the bad, and the spaghetti: www.smashingmagazine.com/2025/09/inte...
📺 After covering in detail the underlying interaction paradigms of TV experiences in Part 1, it’s time to get practical. Explore the building blocks of the “10-foot experience” and how to best utilise them in your designs: www.smashingmagazine.com/2025/09/desi...
September 5, 2025 at 11:39 AM
📺 After covering in detail the underlying interaction paradigms of TV experiences in Part 1, it’s time to get practical. Explore the building blocks of the “10-foot experience” and how to best utilise them in your designs: www.smashingmagazine.com/2025/09/desi...
🤖 Prompting is more than giving AI instructions. Think of it as a design act, part creative brief and part conversation design.
Let’s explore a designerly approach to prompting: one that blends creative briefing, interaction design, and structural clarity: www.smashingmagazine.com/2025/08/prom...
Let’s explore a designerly approach to prompting: one that blends creative briefing, interaction design, and structural clarity: www.smashingmagazine.com/2025/08/prom...
August 29, 2025 at 1:44 PM
🤖 Prompting is more than giving AI instructions. Think of it as a design act, part creative brief and part conversation design.
Let’s explore a designerly approach to prompting: one that blends creative briefing, interaction design, and structural clarity: www.smashingmagazine.com/2025/08/prom...
Let’s explore a designerly approach to prompting: one that blends creative briefing, interaction design, and structural clarity: www.smashingmagazine.com/2025/08/prom...