Skip to main content Jump to all topics Jump to list of all articles
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 190.000 folks.

A Smashing Guide To Accessible Front-End Components

Reliable accessible UI components: :focus styles, content sliders, dark mode, date pickers, navigation, modals, radio buttons, “skip” links, SVGs, tabs, tables, toggles and tooltips.

Explore Accessible Components

A Smashing Guide To CSS Generators & Tools

Useful CSS tools for animations, border-radius, CSS shadows, cubic-bezier curves, easing gradients, filters, placeholders, CSS Grid, overlays, color shades, type scales and interactive CSS doodles.

Explore CSS Tools

A Smashing Guide To Front-End Performance 2021

Core Web Vitals, CrUX, Lighthouse, performance budgets, CSS & JavaScript performance, assets optimizations, build optimizations, delivery optimizations, HTTP2, HTTP3 and a free PDF checklist.

Explore Web Performance
See All Guides

Latest Posts

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!

Overflow Issues In CSS

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.

April–June 2021 • New Workshops

Boost Your Skills Online,
On Front-End & Design

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

Josh W Comeau (@JoshWComeau) is a Software Engineer and instructor who loves to create helpful content for front-end developers. On his blog, he publishes tutorials on React, CSS, Gatsby, Performance, Animation, and Next.js, as well as code snippets that provide short solutions to discrete problems. Josh built Operator Lookup, a quick and easy search engine for JS operators, and wrote the free eBook Building an Effective Dev Portfolio. Currently, he’s working on an interactive online course that teaches CSS to JavaScript Developers. Thank you for everything you do for the community, dear Josh!

Who Can Use

CSS Container Queries