ServiceNow News
48929 items
In the [first part of decoding the SVG path pair](https://www.smashingmagazine.com/2025/06/decoding-svg-path-element-line-commands/), we mostly dealt with converting things from semantic tags (line...
Video
Decoding The SVG path Element: Curve And Arc Commands — Smashing Magazine
smashingmagazine.com
cache
CSS is wild, really wild. And tricky. But let’s talk specifically about specificity.
When writing CSS, it’s close to impossible that you haven’t faced the frustration of styles not applying as exp...
CSS Cascade Layers Vs. BEM Vs. Utility Classes
smashingmagazine.com
cache
UX research can take so much of the guesswork out of the design process! But it’s easy to forget just how _different_ people are and how their needs and preferences can vary. We can’t predict the n...
Meet Accessible UX Research, A Brand-New Smashing Book — Smashing Magazine
smashingmagazine.com
cache
If you haven’t encountered ARIA before, great! It’s a chance to learn something new and exciting. If you have heard of ARIA before, this might help you better understand it or maybe even teach you ...
What I Wish Someone Told Me When I Was Getting Into ARIA — Smashing Magazine
smashingmagazine.com
cache
I recently came across an old jQuery tutorial demonstrating a “moving highlight” navigation bar and decided the concept was due for a modern upgrade. With this pattern, the border around the active...
Creating The “Moving Highlight” Navigation Bar With JavaScript And CSS — Smashing Magazine
smashingmagazine.com
cache
In a previous article, we looked at some [practical examples of how to code SVG by hand](https://www.smashingmagazine.com/2024/09/svg-coding-examples-recipes-writing-vectors-by-hand/). In that guid...
Decoding The SVG path Element
smashingmagazine.com
cache
When people talk about UX, it’s usually about the things they can see and interact with, like wireframes and prototypes, smart interactions, and design tools like Figma, Miro, or Maze. Some of the ...
Collaboration: The Most Underrated UX Skill No One Talks About — Smashing Magazine
smashingmagazine.com
cache
SVG animations take me back to the Hanna-Barbera cartoons I watched as a kid. Shows like _Wacky Races_, _The Perils of Penelope Pitstop_, and, of course, [_Yogi Bear_](https://en.wikipedia.org/wiki...
Optimising SVGs — Smashing Magazine
smashingmagazine.com
cache
You’ve drawn fifty versions of the same screen — and you still hate every one of them. Begrudgingly, you pick three, show them to your product manager, and hear: _“Looks cool, but the idea doesn’t ...
Why Designers Get Stuck In The Details And How To Stop — Smashing Magazine
smashingmagazine.com
cache
This article is a sponsored by [TetraLogical](https://tetralogical.com/)
Neurodivergent needs are often considered as an edge case that doesn’t fit into common user journeys or flows. Neurodiversi...
Designing For Neurodiversity — Smashing Magazine
smashingmagazine.com
cache
There’s an artist in everyone. Some bring their ideas to life with digital tools, others capture the perfect moment with a camera or love to grab pen and paper to create little doodles or pieces of...
Prelude To Summer (June 2025 Wallpapers Edition) — Smashing Magazine
smashingmagazine.com
cache
The web is beginning to part ways with third-party cookies, a technology it once heavily relied on. [Introduced in 1994 by Netscape](https://en.wikipedia.org/wiki/HTTP%5Fcookie) to support features...
Reliably Detecting Third-Party Cookie Blocking In 2025 — Smashing Magazine
smashingmagazine.com
cache
In many companies, data, findings, and insights are all used interchangeably. Slack conversations circle around convincing data points, statistically significant findings, reliable insights, and em...
Data Vs. Findings Vs. Insights In UX — Smashing Magazine
smashingmagazine.com
cache
I think we, as engineers and designers, have a lot to gain by stepping outside of our worlds. That’s why in previous pieces I’ve been drawn towards [architecture](https://www.smashingmagazine.com/2...
What Zen And The Art Of Motorcycle Maintenance Can Teach Us About Web Design — Smashing Magazine
smashingmagazine.com
cache
The SMIL specification was introduced by the W3C in 1998 for synchronizing multimedia. This was long before CSS animations or JavaScript-based animation libraries were available. It was built into ...
Smashing Animations Part 3: SMIL’s Not Dead Baby, SMIL’s Not Dead — Smashing Magazine
smashingmagazine.com
cache
So we want to set up a new design system for your product. How do we get it up and running from scratch? Do we start with key stakeholders, UI audits, or naming conventions? And what are some of th...
Design System In 90 Days — Smashing Magazine
smashingmagazine.com
cache
In my experience, most UX teams find themselves primarily implementing other people’s ideas rather than leading the conversation about user experience. This happens because stakeholders and decisio...
Building A Practical UX Strategy Framework — Smashing Magazine
smashingmagazine.com
cache
What do the Suez Canal, the Roman Goddess Libertas, and ancient Egyptian sculptures have in common? The Statue of Liberty.
Surprising? Sure, but the connections make sense when you know the story ...
Fewer Ideas: An Unconventional Approach To Creativity — Smashing Magazine
smashingmagazine.com
cache
Despite keyframes and scroll-driven events, CSS animations have remained relatively rudimentary. As I wrote in [Part 1](https://www.smashingmagazine.com/2025/05/smashing-animations-part-1-classic-c...
Smashing Animations Part 2: How CSS Masking Can Add An Extra Dimension — Smashing Magazine
smashingmagazine.com
cache
Mark and I work as product designers for SAS, a leader in analytics and artificial intelligence recognized globally for turning data into valuable insights. Our primary role is to support the token...
Integrating Localization Into Design Systems — Smashing Magazine
smashingmagazine.com
cache
This article is a sponsored by [Penpot](https://penpot.app/penpot-2.0?utm%5Fsource=SmashingMag&utm%5Fmedium=Article&utm%5Fid=Components)
It’s already the fifth time I’m writing to you about Penpot...
Integrating Design And Code With Native Design Tokens In Penpot — Smashing Magazine
smashingmagazine.com
cache
Browser makers didn’t take long to add the movement capabilities to CSS. The simple :hover pseudo-class came first, and a bit later, the transitions between two states. Then came the ability to cha...
Video
How Classic Cartoons Inspire Modern CSS — Smashing Magazine
smashingmagazine.com
cache
You’ve got a Pinterest-style layout to build, but you’re tired of JavaScript. Could CSS finally have the answer? Well, for a beginner, taking a look at the pins on your Pinterest page, you might be...
Masonry In CSS: Should Grid Evolve Or Stand Aside For A New Module? — Smashing Magazine
smashingmagazine.com
cache
Think about your past projects. Did they finish on time and on budget? Did they end up getting delivered without cutting corners? Did they get disrupted along the way with a changed scope, conflict...
How To Launch Big Complex Projects — Smashing Magazine
smashingmagazine.com
cache
Since their introduction in [1999](https://www.w3.org/TR/WAI-WEBCONTENT/), the [Web Content Accessibility Guidelines](https://www.w3.org/WAI/standards-guidelines/wcag/) (WCAG) have shaped how we de...
WCAG 3.0’s Proposed Scoring Model: A Shift In Accessibility Evaluation — Smashing Magazine
smashingmagazine.com
cache