Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More 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, […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More 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 […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Meet our brand new conference for designers and UI engineers who love the web. That’s SmashingConf Amsterdam, taking place in the legendary Pathé Tuschinski, on April 13–16, 2026. We’ve been passionate about design & UX for years. We’ve published articles on […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More 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 […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More 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. I’m sure you’ve heard of streaks or […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More 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. Imagine a user opening a mental health app while feeling […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More 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. […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Prescriptive class name conventions are no longer enough to keep CSS maintainable in a world of increasingly complex interfaces. Can the new@scoperule finally give developers the confidence to write CSS that can keep up with modern front ends? When learning the […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More 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 […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More 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 […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More 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 […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More 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 […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More 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 […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More 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. It’s 2026. We are operating in an era of incredible technological leaps, […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More 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 […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Penpot 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 […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More 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 […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More 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. A new year is […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Practical UX guidelines to keep in mind for 466 million people who experience hearing loss. More design patterns in Smart Interface Design Patterns, a friendly video course on UX and design patterns by Vitaly. When we think about people who are […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Turn scattered user research into AI-powered personas that give anyone consolidated multi-perspective feedback from a single question. In my previous article, I explored how AI can help us create functional personas more efficiently. We looked at building personas that focus on […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Meet TARS — a simple, repeatable, and meaningful UX metric designed specifically to track the performance of product features. Upcoming part of theMeasure UX & Design Impact(use the code 🎟IMPACTto save 20% off today). So we design and ship a shiny […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More In this article, pioneering author and web designer Andy Clarke shows his techniques for creating Toon Text titles using modern CSS and SVG. After finishing a project that required me to learn everything I could about CSS and SVG animations, I […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More We’ve got exciting news! eBook versions of “Accessible UX Research,” a new Smashing Book by Michele A. Williams, are now available for download! Which means soon the book will go to the printer. Order the eBook for instant download now or […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More CSS Wrapped 2025 is out! We’re entering a world where CSS can increasingly handle logic, state, and complex interactions once reserved for JavaScript. It’s no longer just about styling documents, but about crafting dynamic, ergonomic, and robust applications with a native […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Lead your organization’s AI strategy before someone else defines it for you. A practical framework for UX professionals to shape AI implementation. Your senior management is excited about AI. They’ve read the articles, attended the webinars, and seen the demos. They’re […]