Smashing Magazine

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

hello@smashingmagazine.com (Brecht De Ruyte) |
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 — be it Grid or Flexb... read more

Hidden vs. Disabled In UX

hello@smashingmagazine.com (Vitaly Friedman) |
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).... read more

Building A User Segmentation Matrix To Foster Cross-Org Alignment

hello@smashingmagazine.com (Talke Hoppmann-Walton) |
Many organizations prioritize internal structures and services over customer-centricity, hindering effective decision-making. Through a case study, Talke Hoppmann-Walton advocates for a shift towards an outside-in perspective and proposes the use of a user segmentation matrix to foster alignment acr... read more

Beyond CSS Media Queries

hello@smashingmagazine.com (Juan Diego Rodríguez) |
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.... read more

Transforming The Relationship Between Designers And Developers

hello@smashingmagazine.com (Chris Day) |
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 solutions to help yo... read more

Why Designers Aren’t Understood

hello@smashingmagazine.com (Vitaly Friedman) |
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).... read more

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

hello@smashingmagazine.com (Preethi Sam) |
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.... read more

The Modern Guide For Making CSS Shapes

hello@smashingmagazine.com (Temani Afif) |
In this comprehensive guide, Temani Afif explores different techniques for creating common shapes with the smallest and most flexible code possible.... read more

The Forensics Of React Server Components (RSCs)

hello@smashingmagazine.com (Lazar Nikolov) |
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.... read more

How To Run UX Research Without Access To Users

hello@smashingmagazine.com (Vitaly Friedman) |
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.... read more