Sign in

Smashing Magazine

@smashingmagazine.com
2.2K followers 1K following 90 posts

An online magazine for designers and web developers. Questions? The Smashing Team has your back! Curated by Iris, Vitaly, and the Support team.

PostsRepliesMedia
Smashing Magazine @smashingmagazine.com · 26/08/2026
📊 Data visualisation sits at the intersection of data and design. Yet many dashboards show the right numbers and still fail to lead to a decision. Meriem Benhabiles explores how structured UX thinking can turn data into insights that actually land: www.smashingmagazine.com/2026/08/reth...
010
Smashing Magazine @smashingmagazine.com · 25/08/2026
✨ Websites often peak on launch day, then slowly drift. Autonomous websites aim to change that. But there’s a catch: few want their site to change on its own. Pierre Burgy shares what they learned building for full autonomy and the design problem it revealed: www.smashingmagazine.com/2026/08/why-...
040
Smashing Magazine @smashingmagazine.com · 13/08/2026
🔍 The EU has published new guidelines on the transparency of AI systems. Here’s why AI sparkles alone aren’t enough, when AI labels are necessary, and what the rules mean for AI-powered features and products: www.smashingmagazine.com/2026/08/eu-g...
010
Smashing Magazine @smashingmagazine.com · 11/08/2026
When building a tactile web experience, the architecture should serve the art direction. Alexey shares how they built a stress-relief squeeze toy game using Lottie, DOM events and distance-based math to maintain control over the designers’ intentional motion: www.smashingmagazine.com/2026/08/buil...
010
Smashing Magazine @smashingmagazine.com · 10/08/2026
🌐 The gap between “you need a library for this” and “the browser does this” keeps closing. A practical guide to auditing your dependencies and finding what the web platform can now handle for you: www.smashingmagazine.com/2026/08/how-...
1217
Smashing Magazine @smashingmagazine.com · 29/07/2026
✨ Many of the AI tools we interact with take the form of text boxes. But what if there were a different way to interact with AI? Explore a different approach to designing an AI assistant and how designers can navigate the field as AI continues to change it: www.smashingmagazine.com/2026/07/digi...
020
Smashing Magazine @smashingmagazine.com · 22/07/2026
⚛️ React Server Components don’t send HTML or JSON. They rely on the Flight protocol to stream interactive UIs, but that same mechanism introduces deserialization sinks attackers can exploit. Durgesh Pawar breaks down the CVSS 10.0 “React2Shell” vulnerability: www.smashingmagazine.com/2026/07/weap...
011
Smashing Magazine @smashingmagazine.com · 15/07/2026
🔍 Many companies assume everyone craves new AI features. But the reality is that most people don’t want more AI — at least not in the way most AI leaders envision it: www.smashingmagazine.com/2026/07/peop...
0215
Smashing Magazine @smashingmagazine.com · 07/07/2026
✨ For years, we have been building websites inside boxes on WordPress. Let’s look at Kirki, a freeform visual builder with an infinite canvas, and explore how it redefines the experience with cleaner performance, full design freedom, and no plugin dependency: www.smashingmagazine.com/2026/07/kirk...
021
Smashing Magazine @smashingmagazine.com · 29/05/2026
🚀 Seventy percent of websites still fail basic WCAG contrast checks in 2025. After years of design system tooling, accessibility linters, and JavaScript libraries, nothing moved the needle. We didn’t need better libraries. We’ve needed better CSS: www.smashingmagazine.com/2026/05/buil...
012
Smashing Magazine @smashingmagazine.com · 27/05/2026
In usability sessions, users often pause at the login screen, type something, and glance up to check if they’re “doing it right.” The pause is a clear sign they’ve already realized this isn’t a real app, with everything after filtered through that awareness: www.smashingmagazine.com/2026/05/prot...
010
Smashing Magazine @smashingmagazine.com · 25/05/2026
🎭 What people say, feel, think, and do are often very different things. To understand user behavior, it helps to look beyond the surface and explore hidden motivations, root causes, and the different layers of reality that shape how people act: www.smashingmagazine.com/2026/05/four...
020
Smashing Magazine @smashingmagazine.com · 21/05/2026
🌊 Meet sibling-index() and sibling-count(). Staggered cascade effect in one line of CSS without :nth-child() rules or JS workarounds. Works for 5 items or 5,000: www.smashingmagazine.com/2026/05/math...
000
Smashing Magazine @smashingmagazine.com · 11/05/2026
✨ Design always starts with function — function shapes form. But once people have to interact with that function, it becomes part of the experience. The question is no longer “Should your utility software feel better to use?” but “Can it afford not to?” www.smashingmagazine.com/2026/05/reth...
010
Smashing Magazine @smashingmagazine.com · 06/05/2026
✨ A grounded, experience-driven perspective on building local-first web apps in 2026, written for developers who’ve been doing this long enough to be skeptical of silver bullets: www.smashingmagazine.com/2026/05/arch...
040
Smashing Magazine @smashingmagazine.com · 10/04/2026
🧩 Imagine that you need to improve the UX of a legacy system. It’s slow, unreliable, and severely outdated — a “black box” that everyone relies on but no one fully understands. There’s no single way to fix it, but there are ways to make steady progress: www.smashingmagazine.com/2026/04/lega...
120
Smashing Magazine @smashingmagazine.com · 01/04/2026
🎯 We often see design principles as rigid guidelines that dictate design decisions. In reality, they are an incredible tool for rallying teams around a shared purpose and capturing the values an organization embodies. But how do we choose the right ones? www.smashingmagazine.com/2026/04/prac...
043
Smashing Magazine @smashingmagazine.com · 26/03/2026
🌐 In an era with more data and better tools than ever, internal search experiences are often so poor that users prefer global search engines just to find a single page on a site. Why does the “Big Box” win, and how can we bring users back? www.smashingmagazine.com/2026/03/site...
smashingmagazine.com
The Site-Search Paradox: Why The Big Box Always Wins — Smashing Magazine
Success in modern UX isn’t about having the most content. It’s about having the most findable content. Yet even with more data and better tools than ever, internal search often fails, leaving users to...
010
Smashing Magazine @smashingmagazine.com · 24/03/2026
✨ Accessibility works best when it blends into everyday workflows — not a big transformation, but simple processes that stick. With Figma variables, testing font size increases becomes part of the design flow, making accessibility feel almost inevitable: www.smashingmagazine.com/2026/03/test...
050
Smashing Magazine @smashingmagazine.com · 20/03/2026
🧩 Dropdowns often work perfectly until they’re placed inside a scrollable panel, where they can get clipped, and half the menu disappears behind the container’s edge. ↬ Godstime Aburu explains why this happens and offers practical solutions to fix it: www.smashingmagazine.com/2026/03/drop...
010
Smashing Magazine @smashingmagazine.com · 19/03/2026
✨ You’ve probably been there before. How do you choose between showing a modal to users and navigating them to a separate, new page? And does it even matter? www.smashingmagazine.com/2026/03/moda...
020
Smashing Magazine @smashingmagazine.com · 17/03/2026
🎬⚡ Design isn’t only pixels and patterns. It’s pacing and feelings, too. Alan Cohen explores Emotion in Flow vs. Emotion in Conflict, showing how anime and Marvel/DC films handle emotional shifts and what product design can learn from them: www.smashingmagazine.com/2026/03/anim...
011
Smashing Magazine @smashingmagazine.com · 13/03/2026
⏱️ Almost any JavaScript application works with dates or times in some capacity. From the built-in Date API to Moment.js, and now to the new Temporal standard. Here are practical “recipes” for migrating Moment-based code to the new Temporal API: www.smashingmagazine.com/2026/03/movi...
041
Smashing Magazine @smashingmagazine.com · 12/03/2026
✨ Once upon a time, rounded corners meant five background images. Then border-radius arrived. Now, the corner-shape property takes CSS corners one step further, opening the door to beveled, scooped, and squircle corners: www.smashingmagazine.com/2026/03/beyo...
030
Smashing Magazine @smashingmagazine.com · 11/03/2026
Some forms stay UI. Others quietly become rule engines. 🎨⚙️ Why do these two approaches exist? And how do you choose between them? www.smashingmagazine.com/2026/03/buil...
010
Smashing Magazine @smashingmagazine.com · 09/03/2026
🧩 Many product teams still lean on usability tweaks to address weak activation, drop-offs, and low retention – only to see results plateau or slip into shallow gamification. ↬ A decade later, Anders Toxboe updates persuasive design for today’s reality: www.smashingmagazine.com/2026/03/pers...
000
Smashing Magazine @smashingmagazine.com · 24/02/2026
♻️ Every high-resolution hero image, autoplay video, and complex JS animation carries a cost. Sustainable UX challenges the era of “unlimited pixels” and reframes performance as responsibility: www.smashingmagazine.com/2026/02/desi...
020
Smashing Magazine @smashingmagazine.com · 05/02/2026
🚀 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-...
001
Smashing Magazine @smashingmagazine.com · 03/02/2026
✨ 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...
042
Smashing Magazine @smashingmagazine.com · 29/01/2026
🎯 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...
010
Smashing Magazine @smashingmagazine.com · 27/01/2026
🧩 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...
041
Smashing Magazine @smashingmagazine.com · 20/01/2026
🚀 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...
0102
Smashing Magazine @smashingmagazine.com · 14/01/2026
🎨 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...
040
Smashing Magazine @smashingmagazine.com · 13/01/2026
✨ 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...
020
Smashing Magazine @smashingmagazine.com · 08/01/2026
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...
010
Smashing Magazine @smashingmagazine.com · 10/12/2025
✨ 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...
283
Smashing Magazine @smashingmagazine.com · 08/12/2025
🔍 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...
020
Smashing Magazine @smashingmagazine.com · 02/12/2025
✨ 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...
030
Smashing Magazine @smashingmagazine.com · 25/11/2025
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...
Illustrated desktop wallpaper. It shows a small cabin on an island in the middle of a frozen river surrounded by mountains. It is snowing, and the warm yellow light inside the cabin lights up the dark night.Illustrated desktop wallpaper. It shows two Christmas dwarfs decorating the moon with fairy lights and wrapped presents.
021
Smashing Magazine @smashingmagazine.com · 19/11/2025
🤖 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...
010
Smashing Magazine @smashingmagazine.com · 18/11/2025
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 💖)
063
Smashing Magazine @smashingmagazine.com · 05/11/2025
🧩 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-...
030
Smashing Magazine @smashingmagazine.com · 04/11/2025
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
000
Smashing Magazine @smashingmagazine.com · 27/10/2025
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
040
Smashing Magazine @smashingmagazine.com · 25/09/2025
🌊 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...
smashingmagazine.com
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...
020
Smashing Magazine @smashingmagazine.com · 22/09/2025
✨ 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...
071
Smashing Magazine @smashingmagazine.com · 18/09/2025
👥 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...
010
Smashing Magazine @smashingmagazine.com · 17/09/2025
🔍 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...
000
Smashing Magazine @smashingmagazine.com · 15/09/2025
🎨 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...
011
Smashing Magazine @smashingmagazine.com · 10/09/2025
🌀 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...
smashingmagazine.com
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...
0106