Articles — Smashing Magazine

Your Image Is Probably Not Decorative

June 17, 2021 — Image placement on the modern web is highly intentional, helping to communicate the overall purpose of a page or view. This means that nearly every image you declare needs to have an alternate description. Read more…

Nic Chan wrote

A Complete Guide To Accessibility Tooling

June 16, 2021 — In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered HTML Emails and SVG Generators. This time we look into different kinds of tools to help you streamline your accessibility testing process. Don’t miss the next one. Read more…

Leonardo Losoviz wrote

Spinning Up Multiple WordPress Sites Locally With DevKinsta

June 15, 2021 — When developing themes and plugins for WordPress, we need to test them in different environments. How can we create multiple testing sites on our computer, quickly and easily, without having to become a sysadmin? Read more…

Drew McLellan wrote

Smashing Podcast Episode 39 With Addy Osmani: Image Optimization

June 15, 2021 — In this episode of the Smashing Podcast, we’re talking about image optimization. What steps should we follow for performant images in 2021? We talk to expert Addy Osmani to find out. Read more…

Stephanie Eckles wrote

When CSS Isn’t Enough: JavaScript Requirements For Accessible Components

June 14, 2021 — Spoiler alert: tooltips, modals, tabs, carousels, and dropdown menus are some of the user interface components that require more than CSS. To ensure accessibility of your interface, JavaScript is a necessary addition to accomplish focus management, respond to keyboard events, and toggle ARIA attributes. Read more…

Frederick O’Brien wrote

Web Design Done Well: Making Use Of Audio

June 11, 2021 — Design often revolves around visuals, but the other senses deserve love too. In this article, we tune in to audio features that are making sites sing. Read more…

Cosima Mielke wrote

Useful Front-End Boilerplates And Starter Kits

June 10, 2021 — We don’t need to write everything from scratch every single time. With boilerplates and starter kits, we can set up our projects faster, and get to work immediately. Read more…

Stefan Judis wrote

Three Front-End Auditing Tools I Discovered Recently

June 10, 2021 — Building a faster website can be a rocket task these days. There are so many things to consider, so it’s challenging to get everything right. Here are some less-known tools that might help you get there. Read more…

Adrian Bece wrote

Meet `:has`, A Native CSS Parent Selector (And More)

June 9, 2021 — What makes relational selector one of the most requested features and how are we, as developers, working around not having it? In this article, we’re going to check the early spec of the :has selector, and see how it should improve the CSS workflow once it’s released. Read more…

Vitaly Friedman wrote

From AVIF to WebP: A New Smashing Book By Addy Osmani

June 8, 2021 — It’s here! For the last year, we’ve been working with Addy Osmani on a new Smashing Book all around image optimization. And now it’s here. Meet “Image Optimization”, our deep-dive guide to understand how to deliver high-quality images on the web fast. Read more…