ServiceNow News
49001 items
When you plug in a controller, you mash buttons, move the sticks, pull the triggers… and as a developer, you see none of it. The browser’s picking it up, sure, but unless you’re logging numbers in ...
CSS Gamepad API Visual Debugging With CSS Layers — Smashing Magazine
smashingmagazine.com
cache
This article is a sponsored by [Penpot](https://penpot.app/?utm%5Fsource=Article&utm%5Fmedium=SmashingMag&utm%5Fid=Penpot2.0)
Penpot is a free, open-source design tool that allows true collaborati...
Open-Source Meets Design Tooling With Penpot — Smashing Magazine
smashingmagazine.com
cache
I’ve been in front-end development long enough to see a trend over the years: younger developers working with a new paradigm of programming without understanding the historical context of it.
It ...
Older Tech In The Browser Stack — Smashing Magazine
smashingmagazine.com
cache
Earlier this month, we wrapped up our [SmashingConfs 2024](https://smashingconf.com/conferences), and one subject that kept coming up over and over again — among attendees, between speakers, and ev...
Bundle Up And Save On Smashing Books And Workshops — Smashing Magazine
smashingmagazine.com
cache
This article is a sponsored by [DebugBear](https://www.debugbear.com/?utm%5Fcampaign=sm-10)
[There’s no single way to measure website performance.](https://www.smashingmagazine.com/2023/08/running...
Effectively Monitoring Web Performance — Smashing Magazine
smashingmagazine.com
cache
Good technical illustrations and data visualisations allow users and clients to, in a manner of speaking, take time out, ponder and look at the information in a really accessible and engaging way. ...
Alternatives To Typical Technical Illustrations And Data Visualisations — Smashing Magazine
smashingmagazine.com
cache
I explained recently how I use <symbol>, <use>, and CSS Media Queries to develop what I call [adaptive SVGs](https://www.smashingmagazine.com/2025/10/smashing-animations-part-5-building-adaptive-sv...
Magnificent SVGs With And CSS Custom Properties — Smashing Magazine
smashingmagazine.com
cache
For years, “UX strategy” felt like a confusing, ambiguous, and overloaded term to me. To me, it was some sort of a roadmap or a “grand vision”, with a few business decisions attached to it. And loo...
Video
A Practical Guide To UX Strategy — Smashing Magazine
smashingmagazine.com
cache
This article is a sponsored by [DebugBear](https://www.debugbear.com/?utm%5Fcampaign=sm-6)
We’ve all had that moment. You’re optimizing the performance of some website, scrutinizing every millisec...
Why Optimizing Your Lighthouse Score Is Not Enough For A Fast Website — Smashing Magazine
smashingmagazine.com
cache
This article is a sponsored by [Penpot](https://penpot.app?utm%5Fsource=SmashingMag&utm%5Fmedium=Article&utm%5Fcampaign=Variants)
Since Brad Frost popularized the use of design systems in digital ...
How To Leverage Component Variants In Penpot — Smashing Magazine
smashingmagazine.com
cache
When the days are gray and misty as they are in many parts of the world in November, there’s no better remedy than a bit of colorful inspiration. To bring some good vibes to your desktops this mont...
Ingredients For A Cozy November (2024 Wallpapers Edition) — Smashing Magazine
smashingmagazine.com
cache
November can feel a bit gray in many parts of the world, so what better way to brighten the days than with a splash of colorful inspiration? For this month’s wallpapers edition, artists and designe...
Fading Light And Falling Leaves (November 2025 Wallpapers Edition) — Smashing Magazine
smashingmagazine.com
cache
Every generation is different in very unique ways, with different habits, views, standards, and expectations. So when designing for Gen Z, what do we need to keep in mind? Let’s take a closer look ...
Video
Designing For Gen Z: Expectations And UX Guidelines — Smashing Magazine
smashingmagazine.com
cache
Hey, I’m Mat, but “Wilto” works too — I’m here to teach you JavaScript. Well, not _here_\-here; technically, I’m over at [Piccalil.li’s _JavaScript for Everyone_](https://piccalil.li/javascript-for...
JavaScript For Everyone
smashingmagazine.com
cache
First, a recap:
> Ambient animations are the kind of passive movements you might not notice at first. However, they bring a design to life in subtle ways. Elements might subtly transition between ...
Ambient Animations In Web Design: Practical Applications (Part 2) — Smashing Magazine
smashingmagazine.com
cache
Did you see [this post](https://frontendmasters.com/blog/what-if-you-used-container-units-for-everything/) that Chris Coyier published back in August? He experimented with CSS container query units...
CSS min() All The Things — Smashing Magazine
smashingmagazine.com
cache
I have made a lot of mistakes with AI over the past couple of years. I have wasted hours trying to get it to do things it simply cannot do. I have fed it terrible prompts and received terrible outp...
AI In UX: Achieve More With Less — Smashing Magazine
smashingmagazine.com
cache
In the early days of my career, I believed that nothing wins an argument more effectively than strong and unbiased research. Surely facts speak for themselves, I thought.
If I just get enough data...
How To Make Your UX Research Hard To Ignore — Smashing Magazine
smashingmagazine.com
cache
_Finally!_ After so many years, we’re very happy to launch [“How To Measure UX and Design Impact”](https://measure-ux.com), our new practical guide for designers and managers on how to set up and t...
Video
It’s Here! How To Measure UX & Design Impact, With Vitaly Friedman — Smashing Magazine
smashingmagazine.com
cache
Last year, a study found that [cars are steadily getting less colourful](https://www.forbes.com/sites/kbrauer/2024/07/16/where-have-all-the-colorful-cars-gone-study-shows-them-vanishing/). In the U...
The Grayscale Problem — Smashing Magazine
smashingmagazine.com
cache
In this third and final part of a [three-part series](https://www.smashingmagazine.com/2024/07/integrating-image-to-text-and-text-to-speech-models-part1/), we’re taking a more streamlined approach ...
Using Multimodal AI models For Your Applications (Part 3) — Smashing Magazine
smashingmagazine.com
cache
In a fast-paced industry like tech, it can be hard to deal with the fear of missing out on important news. But, as many of us know, there’s an absolutely huge amount of information coming in daily,...
Build A Static RSS Reader To Fight Your Inner FOMO — Smashing Magazine
smashingmagazine.com
cache
I’ve written quite a lot recently about how I [prepare and optimise](https://www.smashingmagazine.com/2025/06/smashing-animations-part-4-optimising-svgs/) SVG code to use as static graphics or in [...
Smashing Animations Part 5: Building Adaptive SVGs With , , And CSS Media Queries — Smashing Magazine
smashingmagazine.com
cache
Accessibility is key in modern web design. A site that doesn’t consider how its user experience may differ for various audiences — especially those with disabilities — will fail to engage and serve...
How A Bottom-Up Design Approach Enhances Site Accessibility — Smashing Magazine
smashingmagazine.com
cache
In [Part 1](https://www.smashingmagazine.com/2025/09/intent-prototyping-pure-vibe-coding-enterprise-ux/) of this series, we explored the “lopsided horse” problem born from mockup-centric design and...
Intent Prototyping: A Practical Guide To Building With Clarity (Part 2) — Smashing Magazine
smashingmagazine.com
cache