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.

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.

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.

-----------------------------------   LATEST POSTS

David Eglin wrote

Don't Lose Your Head: Evaluating Headless

With many options comes many decisions, and it is easy to drown in all the many benefits of headless CMS. How do we approach evaluating these options? Let's figure it out.

APRIL 6, 2021 in CMS, Headless, Workflow

Vitaly Friedman wrote

Vanilla JavaScript Code Snippets

A guide to vanilla JavaScript code snippets - with resources and lightweight libraries to help you solve a problem without a large overhead or third-party dependencies.

APRIL 5, 2021 in Tools, Javascript

Frederick O'Brien wrote

Guarding Against Disposable Design

Quick, constant change is a given on the web. It is often one of its greatest strengths. As ever, though, there is a balance to find. Although longevity takes a different form online, its value is immeasurable.

APRIL 2, 2021 in Design, User Experience, Accessibility

James Gilyead & Trys Mudford wrote

Meet Utopia: Designing And Building With Fluid Type And Space Scales

By systemizing the fundamentals of typography and space, and leaning into the inherent fluidity of the web, a free new CSS tool called Utopia offers an alternative to breakpoint-driven design.

APRIL 1, 2021 in Tools Design, Typography

Cosima Mielke wrote

The Small Joys Of April (2021 Wallpapers Edition)

Let's welcome the new month with some fresh wallpapers. Designed with love by artists and designers from across the globe, they are available with and without a calendar for April 2021.

MARCH 31, 2021 in Wallpapers

Michael Rispoli wrote

Choosing A New Serverless Database Technology At An Agency (Case Study)

In this article, Michael Rispoli explains how he evaluated the decision of whether or not to adopt a serverless database for client projects. This decision will focus on three lenses: the functional aspects of the technology, the developer experience, and the business ramifications of adoption.

MARCH 30, 2021 in Business, Case Studies

Iris Lješnjanin wrote

SVG Generators

A complete guide to SVG generators - for everything from SVG shapes and cropping tools to SVG filters, color matrix mixers and SVG to JSX generators.

MARCH 29, 2021 in SVG, Tools

Victor Yocco wrote

Growing UX Maturity: Knowledge Sharing And Mentorship (Part 2)

This article presents tactics that can be helpful for those working in organizations that have started engaging in UX, but are still at the lower to middle stages of maturity: knowledge sharing and mentorship.

MARCH 26, 2021 in UX, Tools, Workflow

MARCH-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.

--------------------   COMMUNITY POSTS

Nick Dilallo wrote

How To Write Inclusive Digital Products

APRIL 9, 2021 - Good UX writing invites everyone to use the interface. Nick DiLallo shares valuable tips for writing inclusive and accessible digital products.

Kitty Giraudel wrote

An Accessible Toggle

APRIL 8, 2021 - Toggles are often made inaccessible one way or another. Kitty Giraudel shows a small HTML- and CSS-only implementation of an accessible toggle that you can copy and tweak at your own convenience.

Paul Irish wrote

Web Platform Feature Availability

APRIL 7, 2021 - Curious what CSS/JS/DOM features are now widely available? Paul Irish built a web app that indicates the percentage of users who have a browser that natively supports various web platform features.

Milica Mihajlila wrote

Improving CSS Performance

MARCH 31, 2021 - Performance is a vital part of the user experience and that requires optimizing your CSS, too. Milica Mihajlija explores what kinds of performance issues CSS can cause and best practices for crafting CSS that doesn't get in people's way.