Switching It Up With HTML’s Latest Control

After years of relying on checkbox hacks to create a “switch” control for forms that toggle between two states, HTML may be gaining a native way to go about it by adding a `switch` attribute to checkbox inputs. Daniel Yuschick walks us through a first impression of switch control … | Continue reading


@smashingmagazine.com | 9 months ago

Best Practices For Naming Design Tokens, Components, Variables, And More

How can we get better at naming? This post is dedicated to naming conventions, tips, and real-world examples that help you name things in a robust and flexible way. | Continue reading


@smashingmagazine.com | 9 months ago

Modern CSS Layouts: You Might Not Need A Framework For That

It’s easy to get lost in a sea of CSS frameworks and libraries, each promising easier styling and smoother layouts. Brecht De Ruyte demonstrates four CSS utility classes (plus a bonus) using techniques that allow them to be used practically anywhere you need a particular layout — … | Continue reading


@smashingmagazine.com | 9 months ago

Hidden vs. Disabled In UX

Should you hide or disable a feature? You’ve probably been there before. Here are some considerations for hiding versus disabling, along with possible alternatives to improve UX. An upcoming part of [Smart Interface Design Patterns](https://smart-interface-design-patterns.com). | Continue reading


@smashingmagazine.com | 9 months ago

Building A User Segmentation Matrix To Foster Cross-Org Alignment

Is there such a thing as harmony between designers and developers in the workplace, and if so, how can it be achieved? In this article, Chris Day explores the challenges of effective collaboration, outlines the key factors at play, and (hopefully!) empowers you to find the right … | Continue reading


@smashingmagazine.com | 9 months ago

Beyond CSS Media Queries

Juan Diego Rodriguez explains why media queries still occupy a vital role in responsive layouts; only they are now one tool in a larger toolbox with modern techniques that are best when used together. | Continue reading


@smashingmagazine.com | 9 months ago

Transforming The Relationship Between Designers And Developers

Is there such a thing as harmony between designers and developers in the workplace, and if so, how can it be achieved? In this article, Chris Day explores the challenges of effective collaboration, outlines the key factors at play, and (hopefully!) empowers you to find the right … | Continue reading


@smashingmagazine.com | 9 months ago

Why Designers Aren’t Understood

How do we conduct UX research when there is no or only limited access to users? Here are some workarounds to run UX research or make a strong case for it. An upcoming part of [Smart Interface Design Patterns](https://smart-interface-design-patterns.com). | Continue reading


@smashingmagazine.com | 9 months ago

The Times You Need A Custom @property Instead Of A CSS Variable

Preethi Sam walks through an example that demonstrates where custom properties are more suitable than variables while showcasing the greater freedom and flexibility that custom properties provide for designing complex, refined animations. | Continue reading


@smashingmagazine.com | 9 months ago

The Modern Guide For Making CSS Shapes

In this comprehensive guide, Temani Afif explores different techniques for creating common shapes with the smallest and most flexible code possible. | Continue reading


@smashingmagazine.com | 9 months ago

The Forensics Of React Server Components (RSCs)

React Server Components (RSCs) combine the best of client-side rendering, and author Lazar Nikolov thoroughly examines how we got here with a deep look at the impact that RSCs have on the page load timeline. | Continue reading


@smashingmagazine.com | 9 months ago

How To Run UX Research Without Access To Users

How do we conduct UX research when there is no or only limited access to users? Here are some workarounds to run UX research or make a strong case for it. An upcoming part of Smart Interface Design Patterns. | Continue reading


@smashingmagazine.com | 9 months ago

How To Harness Mouse Interaction Data For Practical Machine Learning Solutions

In this article, Eduard Kuric discusses mouse interaction data, what kind of magic can be done with it, and some of the hidden pitfalls to watch out for so you get a head start incorporating them in your solutions. | Continue reading


@smashingmagazine.com | 9 months ago

Combining CSS :has() And HTML