Page Inspect

Smashing Magazine — For Web Designers And Developers

Skip to main content Jump to list of all articles Jump to all topics

#

- Articles
- Books
- Events
- Membership
- Newsletter
- Write for us
- Advertise
- More Less Menu Less

- Articles
- Books
- Events
- Membership
- Newsletter
- Write for us
- Advertise

Clear Search

- Accessibility
- UX
- CSS
- JavaScript
- Performance
- Design
- Figma
- Wallpapers
- React
- Vue
- Round-Ups
- Web Design
- Guides
- Business
- Career
- Privacy
- Jump to all articles ↬

Andy Clarke *wrote*

## Ambient Animations In Web Design: Practical Applications (Part 2)
Oct 22, 2025 *in* Animation, Design, SVG

Motion can be tricky: too much distracts, too little feels flat. Ambient animations sit in the middle. They’re subtle, slow-moving details that add atmosphere without stealing the show. In part two of his series, web design pioneer Andy Clarke shows how ambient animations can add personality to any website design.

Continue reading ↬

Paul Boag / Oct 17, 2025 *in* AI, UX, Workflow

## AI In UX: Achieve More With Less

Vitaly Friedman / Oct 16, 2025 *in* User Research, UX, Design

## How To Make Your UX Research Hard To Ignore

Email Newsletter

Useful front-end & UX tips, delivered once a week.

With tools to help you get your work done better. Subscribe and get Vitaly’s **Smart Interface Design Checklists PDF** — in your inbox. 🎁

Your (smashing) email



*On front-end & UX. Trusted by 207,000+ folks.*

## Accessible Front-End Components

Reliable accessible UI components: `:focus` styles, modals, date pickers, navigation, tables, buttons, SVGs.

Explore Accessible Components

## CSS Generators & Tools

Useful CSS tools for animations, shadows, cubic-bezier curves, easing gradients, filters, overlays, type scales.

Explore CSS Generators

## Front-End Boilerplates & Starter Kits

HTML boilerplates, CSS resets, forms, dev themes, gitignore, CSS snippets, static sites, style guides.

Explore Front-End Boilerplates

See All Guides

#### Latest Posts

Frederick O’Brien *wrote*

## The Grayscale Problem

From A/B tests to AI slop, the modern web is bleeding out its colour. Standardized, templated, and overoptimized, it’s starting to feel like a digital Levittown. But it doesn’t have to be.

October 13, 2025 *in* Design, Colors, Opinion Column

Andy Clarke *wrote*

## Smashing Animations Part 5: Building Adaptive SVGs With `<symbol>`, `<use>`, And CSS Media Queries

SVGs, they scale, yes, but how else can you make them adapt even better to several screen sizes? Web design pioneer Andy Clarke explains how he builds what he calls “adaptive SVGs” using `<symbol>`, `<use>`, and CSS Media Queries.

October 6, 2025 *in* SVG, Animation, Design

Yegor Gilyov *wrote*

## Intent Prototyping: A Practical Guide To Building With Clarity (Part 2)

Ready to move beyond static mockups? Here is a practical, step-by-step guide to Intent Prototyping — a disciplined method that uses AI to turn your design intent (UI sketches, conceptual models, and user flows) directly into a live prototype, making it your primary canvas for ideation.

October 3, 2025 *in* UX, Design, Process

Cosima Mielke *wrote*

## Shades Of October (2025 Wallpapers Edition)

How about some new wallpapers to get your desktop ready for fall and the upcoming Halloween season? We’ve got you covered! Following our monthly tradition, the wallpapers in this post were created with love by the community for the community and can be downloaded for free. Enjoy!

September 30, 2025 *in* Wallpapers

Join 1,916 Smashing Members

A **friendly community** for people who design and build the web. With books, workshops, goodies and early-birds — for just 1 coffee a month. Take a look around.

Join the community ↬ *Already have an account? Sign in!*

Lyndon Cerejo *wrote*

## From Prompt To Partner: Designing Your Custom AI Assistant

What if your best AI prompts didn’t disappear into your unorganized chat history, but came back tomorrow as a reliable assistant? In this article, you’ll learn how to turn one-off “aha” prompts into reusable assistants that are tailored to your audience, grounded in your knowledge, and consistent every time, saving you (and your team) from typing the same 448-word prompt ever again.

September 26, 2025 *in* UX, Design, AI

Yegor Gilyov *wrote*

## Intent Prototyping: The Allure And Danger Of Pure Vibe Coding In Enterprise UX (Part 1)

Yegor Gilyov examines the problem of over-reliance on static high-fidelity mockups, which often leave the conceptual model and user flows dangerously underdeveloped. He then explores whether AI-powered prototyping is the answer, questioning whether the path forward is the popular “vibe coding” approach or a more structured, intent-driven approach.

September 24, 2025 *in* UX, Design, Process

Andy Clarke *wrote*

## Ambient Animations In Web Design: Principles And Implementation (Part 1)

Creating motion can be tricky. Too much and it’s distracting. Too little and a design feels flat. Ambient animations are the middle ground — subtle, slow-moving details that add atmosphere without stealing the show. In this article, web design pioneer Andy Clarke introduces the concept of ambient animations and explains how to implement them.

September 22, 2025 *in* Animation, CSS, Design

Victor Yocco *wrote*

## The Psychology Of Trust In AI: A Guide To Measuring And Designing For User Confidence

With digital products moving to incorporate generative and agentic AI at an increasingly frequent rate, trust has become the invisible user interface. When it works, interactions feel seamless. When it fails, the entire experience collapses. But trust isn’t mystical. It can be understood, measured, and designed for. Here are practical methods and strategies for designing more trustworthy and ethical AI systems.

September 19, 2025 *in* UX, Design, AI

See More Latest Articles

## That’s The Smashing Family.
### Smashing Magazine is so much more than articles.

Smashing Books

**14 printed books** and **67 eBooks**. Written for web developers, designers and marketeers.

Jump to books ↬ *Free airmail shipping wordlwide. No ifs or buts.*

Smashing Workshops

Online workshops with experts. Broken into 2.5h-segments, with interactive, live sessions.

Jump to workshops ↬ *2.5h live sessions, with video recordings and Q&A.*

Smashing Job Board

Helping designers and developers find great jobs, and connect with great companies.

Jump to jobs ↬ *Freelancers and full-time, in front-end & UX.*

Smashing Membership

A friendly community for people who design and build the web. With discounts, goodies and fancy cats.

Jump to Membership ↬ *For just 1 coffee a month.*

Smashing Newsletter

Weekly tips on front-end & UX, delivered straight to your inbox. Just practical stuff that you can use.

Jump to Newsletter ↬ *You can unsubscribe with 1 click any time.*

Winter 2024–2025 • New Workshops## Boost Your Skills Online,
On Front-End, Design & UX

Meet **Smashing Workshops**, with practical, actionable insights from experts — live. With interactive exercises, slides, video recordings and a friendly Q&A.

Explore all speakers and topics →

#### Community Links

#### Person Of The Week

Sean Goedecke is an Australian software engineer based in Melbourne. After working at Zendesk, he joined GitHub in 2021, where he currently works on Copilot projects as a Staff Software Engineer. Sean writes about software engineering with a focus on AI and large-company dynamics on his blog. He is also the author of the book *Software Engineering after the Vibe Shift*, in which he shares his advice on software engineering now that the easy days of the zero-interest rates era are over. Thank you for everything you do for the community, dear Sean!

Rand Fishkin *wrote*

## Traffic In A Zero-Click World

October 22, 2025 — “In a zero-click world, traffic is a terrible goal,” argues Rand Fishkin. He summarized why increasing traffic is much more challenging than it used to be and what you can do instead to get brand attention.

Daniel Schwarz *wrote*

## Useful Media Queries

October 21, 2025 — How much do you really know about media queries? Daniel Schwarz explores some of the lesser-known media queries and why they deserve more attention.

Chris Coyier *wrote*

## Modern CSS Round-Out Tabs

October 20, 2025 — Chris Coyier created a set of tabs where the tab part of the UI connects to the content below with a flared-out, rounded edge. He explains in detail how to create the effect using the `shape()` function.

Dave Rupert *wrote*

## Custom Elements Manifest

October 17, 2025 — Have you heard of the Custom Elements Manifest already? The community-standard JSON format surfaces information about your component APIs. Dave Rupert explains how you can use it to give your web components superpowers.

Anna Monus *wrote*

## Optimizing Viewport For Mobile

October 16, 2025 — “Optimize viewport for mobile” is one of Lighthouse’s new performance insights. Anna Monus explains how to properly optimize the viewport for faster mobile interactions.

Ness Grixti *wrote*

## Design System Tactics

October 15, 2025 — Whether you’re starting fresh or maintaining a mature design system, Ness Grixti’s growing collection of design system tactics helps you make progress at every stage.

More links on Twitter

#### Browse All Smashing Magazine Topics

- Accessibility
- Best practices
- Business
- Career
- Checklists
- CSS
- Data Visualization
- Design
- Design Patterns
- Design Systems
- E-Commerce
- Figma
- Freebies
- HTML
- Illustrator
- Inspiration
- JavaScript
- Mobile
- Performance
- Privacy
- React
- Responsive Design
- Round-Ups
- SEO
- Typography
- Tools
- UI
- Usability
- UX
- Vue
- Wallpapers
- Web Design
- Workflow

With a commitment to quality content for the design community.

Founded by Vitaly Friedman and Sven Lennartz. 2006–2025.

Smashing is proudly running on Netlify, TinaCMS and Swell.

Fonts by Latinotype.

- ✎ Write for us
- Contact us
- About us (Impressum)
- Privacy policy
- Membership login
- Delivery times
- Advertise
- Job Board
- Podcasts

Back to top