Skip to main content Jump to list of all articles Jump to all topics
The Smashing Cat exploring new insights, at Smashing Workshops, of course. 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. 🎁

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

Latest Posts

How To Argue Against AI-First Research

Adaptive Video Streaming With Dash.js In React

Previewing Content Changes In Your Work With document.designMode

The Smashing Cat exploring new insights, at Smashing Workshops, of course.

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!

How To Fix Largest Contentful Paint Issues With Subpart Analysis

That’s The Smashing Family.

Smashing Magazine is so much more than articles.

A friendly Smashing Cat, reading books while being mysterious, of course.

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.

The Smashing Cat exploring new insights, at Smashing Workshops, of course.

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.

The Smashing Cat exploring new insights, at Smashing Workshops, of course.

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.

The Smashing Cat exploring new insights, at Smashing Workshops, of course.

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.

The Smashing Cat exploring new insights, at Smashing Workshops, of course.

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 → The Smashing Cat enjoying adventures, and the sun.

Community Links

Person Of The Week

Lisa Charlotte Muth is a designer passionate about helping others create better data visualizations. Currently, she’s doing so at the data visualization tool Datawrapper, mostly by writing for the Datawrapper blog. Before joining Datawrapper, she created data visualizations for newsrooms like Tagesspiegel, Bloomberg, SPIEGEL, ZEIT Online, and NPR as an OpenNews Fellow. Lisa co-hosted the Berlin Data Vis meetup, started the global Data Vis Book Club, and shares her expertise in her articles and talks. Thank you for everything you do for the community, dear Lisa!

Shadow Effect

Web Platform Cheatsheet

CSS Gap