Articles on Smashing Magazine — For Web Designers And Developers

https://www.smashingmagazine.com/

Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

フィード

記事のアイキャッチ画像
The Architecture Of Local-First Web Development
Articles on Smashing Magazine — For Web Designers And Developers
An honest 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.
1日前
記事のアイキャッチ画像
Rethinking The Experience Of System Tools
Articles on Smashing Magazine — For Web Designers And Developers
Design always starts with function — function shapes form. But if that function can’t be made completely invisible and people still have to interact with it, it inevitably becomes part of their experience. In this article, Kyrylo Levashov shares four common software design assumptions.
2日前
記事のアイキャッチ画像
Designing Stable Interfaces For Streaming Content
Articles on Smashing Magazine — For Web Designers And Developers
Streaming UIs are an easy concept on the surface, but are quite complicated in practice. There are many considerations that need to be accounted for, from layout shifts and motion preferences to proper markup and various states, that may not be instantly obvious. What happens if the stream is interrupted? Can users tab through the UI on the keyboard as it shifts? What ARIA attributes might be needed?
6日前
記事のアイキャッチ画像
A Fresh View In May (2026 Wallpapers Edition)
Articles on Smashing Magazine — For Web Designers And Developers
Let’s welcome May with a new collection of desktop wallpapers! Following our monthly tradition, the wallpapers were created by the community for the community and can be downloaded for free. Enjoy!
7日前
記事のアイキャッチ画像
The “Bug-Free” Workforce: How AI Efficiency Is Subtly Disrupting The Interactions That Build Strong Teams
Articles on Smashing Magazine — For Web Designers And Developers
AI tools are eliminating the need to “bug” colleagues for help, but the informal interactions they replace are the very scaffolding that builds team trust, belonging, and innovation. Casey Hudetz and Eric Olive explore the research and potential impacts behind that risk and offer practical strategies for maintaining human connection while leveraging AI’s strengths.
10日前
記事のアイキャッチ画像
The UX Designer’s Nightmare: When “Production-Ready” Becomes A Design Deliverable
Articles on Smashing Magazine — For Web Designers And Developers
In a rush to embrace AI, the industry is redefining what it means to be a UX designer, blurring the line between design and engineering. Carrie Webster explores what’s gained, what’s lost, and why designers need to remain the guardians of the user experience.
15日前
記事のアイキャッチ画像
Session Timeouts: The Overlooked Accessibility Barrier In Authentication Design
Articles on Smashing Magazine — For Web Designers And Developers
Poorly handled session timeouts are more than a technical inconvenience. They can become serious accessibility barriers that interrupt essential online tasks, especially for people with disabilities. Here is how to implement thoughtful session management that improves usability, reduces frustration, and helps create a more accessible and respectful web.
17日前
記事のアイキャッチ画像
How To Improve UX In Legacy Systems
Articles on Smashing Magazine — For Web Designers And Developers
Practical guidelines for driving UX impact in organizations with legacy systems and broken processes. Brought to you by Measuring UX Impact, **friendly video course on UX** and design patterns by Vitaly.
1ヶ月前
記事のアイキャッチ画像
Identifying Necessary Transparency Moments In Agentic AI (Part 1)
Articles on Smashing Magazine — For Web Designers And Developers
Designing for agentic AI requires attention to both the system’s behavior and the transparency of its actions. Between the black box and the data dump lies a more thoughtful approach. Victor Yocco explores how to map decision points and reveal the right moments to build trust through clarity, not noise.
1ヶ月前
記事のアイキャッチ画像
A Practical Guide To Design Principles
Articles on Smashing Magazine — For Web Designers And Developers
Design principles with references, examples, and methods for quick look-up. Brought to you by Design Patterns For AI Interfaces, **friendly video courses on UX** and design patterns by Vitaly.
1ヶ月前
記事のアイキャッチ画像
The Joy Of A Fresh Beginning (April 2026 Wallpapers Edition)
Articles on Smashing Magazine — For Web Designers And Developers
With the new month just around the corner, could there be a better occasion to freshen up your desktop? If you’re looking for some unique and inspiring wallpapers to accompany you on all those adventures that April may bring — and maybe spark some new ideas, too — well, this post has got you covered.
1ヶ月前
記事のアイキャッチ画像
The Site-Search Paradox: Why The Big Box Always Wins
Articles on Smashing Magazine — For Web Designers And Developers
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 rely on global search engines to find a single page on a local site. Why does the “Big Box” still win, and how can we bring users back?
1ヶ月前
記事のアイキャッチ画像
Testing Font Scaling For Accessibility With Figma Variables
Articles on Smashing Magazine — For Web Designers And Developers
Accessibility works best when it blends into everyday design workflows. The goal isn’t a big transformation, but simple work processes that fit naturally into a team’s routine. With Figma variables, testing font size increases becomes part of the design flow itself, making accessibility feel almost inevitable rather than optional.
1ヶ月前
記事のアイキャッチ画像
Modal vs. Separate Page: UX Decision Tree
Articles on Smashing Magazine — For Web Designers And Developers
How to choose between modals and pages, when to avoid modals, and how to determine the right level of interruption or navigation. Brought to you by Smart Interface Design Patterns, a **friendly video course on UX** and design patterns by Vitaly.
2ヶ月前
記事のアイキャッチ画像
Anime vs. Marvel/DC: Designing Digital Products With Emotion In Flow
Articles on Smashing Magazine — For Web Designers And Developers
Design is about pacing and feelings as much as pixels and patterns. Alan Cohen explores Emotion in Flow and Emotion in Conflict, showing how anime like Dan Da Dan and superhero films like James Gunn’s Superman manage emotional shifts and translating those ideas into practical patterns for product design.
2ヶ月前
記事のアイキャッチ画像
Moving From Moment.js To The JS Temporal API
Articles on Smashing Magazine — For Web Designers And Developers
The way JavaScript handles time has evolved significantly, from the built-in `Date` API to Moment.js and now Temporal. The new standard fills gaps in the original `Date` API while addressing limitations found in Moment and other libraries. Joe Attardi shares practical “recipes” for migrating Moment-based code to the new Temporal API.
2ヶ月前
記事のアイキャッチ画像
Beyond `border-radius`: What The CSS `corner-shape` Property Unlocks For Everyday UI
Articles on Smashing Magazine — For Web Designers And Developers
For years, developers have been hacking around the limitations of `border-radius`, using clip-path, SVG masks, and fragile workarounds just to get anything other than round corners. The new `corner-shape` property finally changes that, opening the door to beveled, scooped, and squircle corners.
2ヶ月前
記事のアイキャッチ画像
Building Dynamic Forms In React And Next.js
Articles on Smashing Magazine — For Web Designers And Developers
Some forms stay UI, while others quietly become rule engines. Here’s why these two different approaches exist and how to choose between them.
2ヶ月前
記事のアイキャッチ画像
Persuasive Design: Ten Years Later
Articles on Smashing Magazine — For Web Designers And Developers
Many product teams still lean on usability improvements and isolated behavioral tweaks to address weak activation, drop-offs, and low retention – only to see results plateau or slip into shallow gamification. Anders Toxboe updates persuasive design for today’s reality, clarifying what has actually held up over the last decade.
2ヶ月前
記事のアイキャッチ画像
Human Strategy In An AI-Accelerated Workflow
Articles on Smashing Magazine — For Web Designers And Developers
UX design is entering a new phase, with designers shifting from makers of outputs to directors of intent. AI can now generate wireframes, prototypes, and even design systems in minutes, but UX has never been only about creating interfaces. It’s about navigating ambiguity, advocating for humans in systems optimised for efficiency, and solving their problems through thoughtful design.
2ヶ月前
記事のアイキャッチ画像
Now Shipping: Accessible UX Research, A New Smashing Book By Michele Williams
Articles on Smashing Magazine — For Web Designers And Developers
Our newest Smashing Book, “Accessible UX Research” by Michele Williams, is finally shipping worldwide — and we couldn’t be happier! This book is about research, but you’ll also learn about assistive technology, different types of disability, and how to build accessibility into the entire design process. This thoughtful book will get you thinking about ways to make your UX research more inclusive and thorough, no matter your budget or timeline. Jump to the book details or order your copy now.
2ヶ月前
記事のアイキャッチ画像
Getting Started With The Popover API
Articles on Smashing Magazine — For Web Designers And Developers
What happens if you rebuild a single tooltip using the browser’s native model without the aid of a library? The Popover API turns tooltips from something you simulate into something the browser actually understands. Opening and closing, keyboard interaction, Escape handling, and much of the accessibility now come from the platform itself, not from ad-hoc JavaScript.
2ヶ月前
記事のアイキャッチ画像
Fresh Energy In March (2026 Wallpapers Edition)
Articles on Smashing Magazine — For Web Designers And Developers
Do you need a little inspiration boost? Well, then our new batch of desktop wallpapers is for you. Designed by the community for the community, the wallpapers in this collection are the perfect opportunity to get your desktop ready for spring — and, who knows, maybe they’ll spark some new ideas, too. Enjoy!
2ヶ月前
記事のアイキャッチ画像
Say Cheese! Meet SmashingConf Amsterdam 🇳🇱
Articles on Smashing Magazine — For Web Designers And Developers
Meet our brand new conference for designers and UI engineers who love the web. That’s [SmashingConf Amsterdam](https://smashingconf.com/amsterdam-2026), taking place in the legendary Pathé Tuschinski, on April 13–16, 2026.
2ヶ月前
記事のアイキャッチ画像
A Designer’s Guide To Eco-Friendly Interfaces
Articles on Smashing Magazine — For Web Designers And Developers
Every high-resolution hero image, autoplay video, and complex JavaScript animation carries a cost. Sustainable UX challenges the era of “unlimited pixels” and reframes performance as responsibility. In 2026, truly sophisticated design is defined not by how much it adds, but by how thoughtfully it reduces its footprint.
2ヶ月前
記事のアイキャッチ画像
Designing A Streak System: The UX And Psychology Of Streaks
Articles on Smashing Magazine — For Web Designers And Developers
What makes streaks so powerful and addictive? To design them well, you need to understand how they align with human psychology. Victor Ayomipo breaks down the UX and design principles behind effective streak systems.
3ヶ月前
記事のアイキャッチ画像
Building Digital Trust: An Empathy-Centred UX Framework For Mental Health Apps
Articles on Smashing Magazine — For Web Designers And Developers
Designing for mental health means designing for vulnerability. Empathy-Centred UX becomes not a “nice to have” but a fundamental design requirement. Here’s a practical framework for building trust-first mental health products.
3ヶ月前
記事のアイキャッチ画像
Designing For Agentic AI: Practical UX Patterns For Control, Consent, And Accountability
Articles on Smashing Magazine — For Web Designers And Developers
Autonomy is an output of a technical system. Trustworthiness is an output of a design process. Here are concrete design patterns, operational frameworks, and organizational practices for building agentic systems that are not only powerful but also transparent, controllable, and trustworthy.
3ヶ月前
記事のアイキャッチ画像
CSS <code>@scope</code>: An Alternative To Naming Conventions And Heavy Abstractions
Articles on Smashing Magazine — For Web Designers And Developers
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?
3ヶ月前
記事のアイキャッチ画像
Combobox vs. Multiselect vs. Listbox: How To Choose The Right One
Articles on Smashing Magazine — For Web Designers And Developers
Combobox vs. Multi-Select vs. Listbox vs. Dual Listbox? How they are different, what purpose they serve, and how to choose the right one. Brought to you by Design Patterns For AI Interfaces, **friendly video courses on UX** and design patterns by Vitaly.
3ヶ月前
記事のアイキャッチ画像
Short Month, Big Ideas (February 2026 Wallpapers Edition)
Articles on Smashing Magazine — For Web Designers And Developers
Let’s make the most of the shortest month of the year with a new collection of desktop wallpapers that are sure to bring a smile to your face — and maybe spark your creativity, too. All of them were designed with love by the community for the community and can be downloaded for free. Happy February!
3ヶ月前
記事のアイキャッチ画像
Practical Use Of AI Coding Tools For The Responsible Developer
Articles on Smashing Magazine — For Web Designers And Developers
AI coding tools like agents can be valuable allies in everyday development work. They help handle time-consuming grunt work, guide you through large legacy codebases, and offer low-risk ways to implement features in previously unfamiliar programming languages. Here are practical, easy-to-apply techniques to help you use these tools to improve your workflow.
3ヶ月前
記事のアイキャッチ画像
Unstacking CSS Stacking Contexts
Articles on Smashing Magazine — For Web Designers And Developers
In CSS, we can create “stacking contexts” where elements are visually placed one on top of the next in a three-dimensional sense that creates the perception of depth. Stacking contexts are incredibly useful, but they’re also widely misunderstood and often mistakenly created, leading to a slew of layout issues that can be tricky to solve.
3ヶ月前
記事のアイキャッチ画像
Beyond Generative: The Rise Of Agentic AI And User-Centric Design
Articles on Smashing Magazine — For Web Designers And Developers
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. Victor Yocco outlines the research methods needed to design agentic AI systems responsibly.
4ヶ月前
記事のアイキャッチ画像
Rethinking “Pixel Perfect” Web Design
Articles on Smashing Magazine — For Web Designers And Developers
Amit Sheen takes a hard look at the “Pixel Perfect” legacy concept, explaining why it’s failing us and redefining what “perfection” actually looks like in a multi-device, fluid world.
4ヶ月前
記事のアイキャッチ画像
Smashing Animations Part 8: Theming Animations Using CSS Relative Colour
Articles on Smashing Magazine — For Web Designers And Developers
CSS relative colour values are now widely supported. In this article, pioneering author and web designer [Andy Clarke](https://stuffandnonsense.co.uk/) shares practical techniques for using them to theme and animate SVG graphics.
4ヶ月前
記事のアイキャッチ画像
UX And Product Designer’s Career Paths In 2026
Articles on Smashing Magazine — For Web Designers And Developers
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. Brought to you by Smart Interface Design Patterns, a **friendly video course on UX** and design patterns by Vitaly.
4ヶ月前
記事のアイキャッチ画像
Penpot Is Experimenting With MCP Servers For AI-Powered Design Workflows
Articles on Smashing Magazine — For Web Designers And Developers
[Penpot](https://penpot.app/?utm_source=SmashingMagazine&utm_medium=Article&utm_campaign=MCPserver) is experimenting with MCP (Model Context Protocol) servers, which could lead to designers and developers being able to perform tasks in Penpot using AI that’s able to understand and interact with Penpot design files. Daniel Schwarz explains how [Penpot MCP](https://github.com/penpot/penpot-mcp) servers work, what they could mean for creating and managing designs in Penpot, and what you can do to help shape their development.
4ヶ月前
記事のアイキャッチ画像
Pivoting Your Career Without Starting From Scratch
Articles on Smashing Magazine — For Web Designers And Developers
Most developers spend their days fixing bugs, shipping features, and jumping into the next sprint without even thinking about it. After a while, you begin to ask yourself, “Is this still what I want to be doing?” This article looks at how you can move into a new direction in your career without starting from scratch, and how the skills you already use, like problem-solving, communication, and empathy, can open new doors.
4ヶ月前
記事のアイキャッチ画像
Countdown To New Adventures (January 2026 Wallpapers Edition)
Articles on Smashing Magazine — For Web Designers And Developers
Whether 2026 has already begun as you’re reading this or you’re still waiting for the big countdown to start, how about some new wallpapers to get your desktop ready for the new year? We’ve got you covered.
4ヶ月前