Skip to main content Jump to list of all articles

Continue reading ↬

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.

See All Latest Articles

Latest Posts

Create Responsive Image Effects With CSS Gradients And `aspect-ratio`

by Stephanie Eckles

A classic problem in CSS is maintaining the aspect ratio of images across related components, such as cards. The newly supported aspect-ratio property in combination with object-fit provides a remedy to this headache of the past! Let’s learn to use these properties, in addition to creating a responsive gradient image effect for extra flair.

Read more

State Of GDPR In 2021: Key Updates And What They Mean

by Danny Bluestone

As digital practitioners, GDPR has impacted every facet of our professional and personal lives. Whether you’re addicted to Instagram, message your family on WhatsApp, buy products from Etsy or Google information, no one has escaped the rules that were introduced in 2018.

Read more

Building Your Own Personal Learning Curriculum

by Kirsty Simmonds

As developers, we’re constantly learning new languages and frameworks. But how can you structure this learning to ensure maximum benefit while still progressing? Here’s how you can devise your own curriculum to keep moving in the right direction.

Read more
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!

Context And Variables In The Hugo Static Site Generator

by Kristian Lumme

In this article, we take a look at the topic of context and variables in Hugo, a popular static site generator. You’ll understand concepts such as the global context, flow control, and variables in Hugo templates, as well as data flow from content files through templates to partials and base templates.

Read more
Read more

Optimizing Video For Size And Quality

by Doug Sillars

Adding video to your application can increase customer engagement and satisfaction. But the exact opposite can occur when there are issues with the video playback: video stalls are frustrating and drive customers away. In this article, we’ll walk through the steps to optimize the video on your website to ensure fast playback and reduce stalls.

Read more
Read more
Read more

Building A Web App With React, Redux And Sanity.io

by Ifeanyi Dike

Headless CMS is a powerful and easy way to manage content and access API. Built on React, Sanity.io is a seamless tool for flexible content management. It can be used to build simple to complex applications from the ground up. In this article, Ifeanyi explains how to build a simple listing app with Sanity.io and React. The global states will be managed with Redux and the application will be styled with styled-components.

Read more
June 2020 • Shipping Now

Meet “Click!”: Encourage Clicks
Without Shady Tricks

Our new book on how to boost business KPIs, build trust and address doubts effectively — without alienating people along the way. By Paul Boag.

Jump to table of contents → The Smashing Cat peeking behind the book.

Our Guides

A Smashing Guide to JavaScript & Frameworks

React, Vue, or perhaps the lightweight Alpine.js? Whether you are an experienced JavaScript developer working with one of these frameworks, or just starting to learn, our authors have created some tutorials for you.

Explore JavaScript & Frameworks

A Smashing Guide to CSS Layout

CSS Layout has been transformed over the past years. We have you covered with all you need to master this new world. If you want to understand the technical details, or learn how to use new CSS creatively, these guides can help.

Explore CSS Layout

A Smashing Guide to Web Performance

Ensuring your site loads quickly is important. The subject touches almost every part of web design and development, from your choice of images to the performance of your web server. In this guide we bring together information that can help you build a fast site, and keep it fast.

Explore Performance
Smashing Email Newsletter

Email Newsletter

Every Tuesday, we send an email newsletter with useful techniques on front-end & UX. Subscribe and get a freebie: Smart Interface Design Checklists PDF — right in your inbox. 🔮

Front-end, UX and design. 1× a week.
You can always unsubscribe with just 1 click.
Featured Smashing Book

Design Systems

Meet Design Systems, a recent Smashing book in which Alla Kholmatova explores how to set up an effective design system to create great digital products. With common traps, gotchas and lessons learned.

Jump to table of contents ↬

Community Links

Person Of The Week

Mikołaj Dobrucki (@mikolajdobrucki) is a designer and developer at the content platform Sanity.io. He specializes in building digital products with a strong focus on design systems, usability, and accessibility and shares his knowledge about design, CSS, and SVG as a writer and speaker. Mikołaj is the creator of the customizable and accessible vector icon set Ikonate, the interactive Flexbox cheatsheet howtocss.dev, and an active open source contributor. Thank you for sharing and caring, dear Mikołaj!