ServiceNow News
48761 items
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
Sometimes, it doesn’t take a lot to get inspired. A short bike ride to soak in the sun, a coffee break with a friend, or listening to your favorite song might be just what you need to spark some fr...
Make Every Day Count (May 2025 Wallpapers Edition) — Smashing Magazine
smashingmagazine.com
cache
This article is a sponsored by [Anima App](https://www.animaapp.com/)
For years, designers and developers have been stuck in a frustrating loop. Designers create stunning UIs in Figma, only for de...
How To Turn Your Figma Designs Into Live Apps With Anima Playground — Smashing Magazine
smashingmagazine.com
cache
Are you also getting lost in all the files, deliverables, shared docs, PDFs, and reports related to your UX work? What about decisions scattered everywhere between email, Slack conversations, Dropb...
UX And Design Files Organization Template — Smashing Magazine
smashingmagazine.com
cache
When building digital products, thinking in terms of single features and urgent client needs can lead to a large portfolio of products with high maintenance costs. At first, this approach makes sen...
“Product Kondo”: A Guide To Evaluating Your Organizational Product Portfolio — Smashing Magazine
smashingmagazine.com
cache
The work of a designer largely consists of inventing new things, which requires creativity that is generally believed to depend on inspiration, making it unpredictable and difficult to control. Man...
Boosting Up Your Creativity Without Endless Reference Scrolling — Smashing Magazine
smashingmagazine.com
cache
So, you’re filling out an online form, and it asks you to upload a file. You click the input, select a file from your desktop, and are good to go. But something happens. The network drops, the file...
Building An Offline-Friendly Image Upload System — Smashing Magazine
smashingmagazine.com
cache
Efficient navigation is vital for a functional website, but not everyone uses the internet the same way. While most visitors either scroll on mobile or click through with a mouse, many people only ...
What Does It Really Mean For A Site To Be Keyboard Navigable — Smashing Magazine
smashingmagazine.com
cache
A year ago, I learned that my role as an accessibility engineer was at risk of redundancy. It was a tough moment, both professionally and personally. For quite some time, my mind raced with guilt, ...
Video
Fostering An Accessibility Culture — Smashing Magazine
smashingmagazine.com
cache
Dark mode, a beloved feature in modern digital interfaces, offers a visually striking alternative to traditional light themes. Its allure lies in the striking visual contrast it provides, a departu...
Inclusive Dark Mode: Designing Accessible Dark Themes For All Users — Smashing Magazine
smashingmagazine.com
cache
The phrase “gild the lily” implies [unnecessary ornamentation](https://grammarist.com/usage/gild-the-lily/), the idea being that adorning a lily with superficial decoration only serves to obscure i...
Gild Just One Lily — Smashing Magazine
smashingmagazine.com
cache
Say you are learning to code for the first time, in Python, for example, which is a great starting point for getting into development. You are likely to come across some information like “a variabl...
Using Manim For Making UI Animations — Smashing Magazine
smashingmagazine.com
cache
When I started working on promoting accessibility, I was fully convinced of its value and was determined to bring it to the business stakeholders. I thought that the moment I started pushing for it...
How To Build A Business Case To Promote Accessibility In Your B2B Products — Smashing Magazine
smashingmagazine.com
cache
This article is a sponsored by [Storyblok](https://www.storyblok.com/?utm%5Fsource=smashing&utm%5Fmedium=sponsor&utm%5Fcampaign=DGM%5FDEV%5FSMA%5FTRA&utm%5Fcontent=smashing-OSS)
Content management...
Building A Drupal To Storyblok Migration Tool: An Engineering Perspective — Smashing Magazine
smashingmagazine.com
cache
Starting the new month with a little inspiration boost — that’s the idea behind our [monthly wallpapers series](https://www.smashingmagazine.com/category/wallpapers) which has been going on for mor...
Video
Blossoms, Flowers, And The Magic Of Spring (April 2025 Wallpapers Edition) — Smashing Magazine
smashingmagazine.com
cache
With AI upon us, companies have recently been turning their attention to “synthetic” user testing — AI-driven research that replaces UX research. There, questions are answered by AI-generated “cust...
Video
How To Argue Against AI-First Research — Smashing Magazine
smashingmagazine.com
cache
I was recently tasked with creating video reels that needed to be played smoothly under a slow network or on low-end devices. I started with the native HTML5 <video> tag but quickly hit a wall — it...
Adaptive Video Streaming With Dash.js In React — Smashing Magazine
smashingmagazine.com
cache
So, you just deployed a change to your website. Congrats! Everything went according to plan, but now that you look at your work in production, you start questioning your change. Perhaps that change...
Previewing Content Changes In Your Work With document.designMode — Smashing Magazine
smashingmagazine.com
cache
It might surprise you that a distinction exists regarding the word “component,” especially in front-end development, where “component” is often used and associated with front-end frameworks and lib...
Web Components Vs. Framework Components: What’s The Difference? — Smashing Magazine
smashingmagazine.com
cache