Articles by Smashing Magazine from August 2021

There are many CSS optimization techniques to tackle potential file size and performance issues. Lets take a look at some of them. After all, if deploying the refactored codebase causes loading or per...

Compound components help developers build more expressive and flexible APIs to share state and logic within components. This tutorial explains how this can be achieved with the help of using the Conte...

The Web is still wrestling with issues we take for granted offline, privacy chief among them. These are steps The New York Times took to protect users data, and how you can too....

In this article, Leonardo explains how to use a "multi-monorepo" approach for making the development experience faster, yet keeping your PHP packages private. This solution can be especially beneficia...

In this article, youll learn how to save hours of tedious work of writing, updating, and correcting technical documentation. In this article, you will learn how to automate your documentation workflow...

After almost five years in development, the new HTTP/3 protocol is nearing its final form. Lets take a close look at the performance improvements of HTTP/3, congestion control, head-of-line-blocking, ...

The story of Jamstack CMSs goes all the way back to the 90s. In this article, we take a trip down memory lane to see how we got to the modern Jamstack CMSs we have today, and where theyre heading in t...

Through a simple step-by-step approach, you can build an ethical practice within your organization that will ensure youre respecting the dignity and welfare of your research participants....

In this article, we will code a Gantt chart as a reusable Web component. We will focus on the architecture of the component, rendering the calendar with CSS Grid and managing the state of the draggabl...

In this article, we will code a Gantt chart as a reusable Web component. We will focus on the architecture of the component, rendering the calendar with CSS Grid and managing the state of the draggabl...

Your project is on a tight budget? Weve collected some wonderful, free icons and goodies that weve discovered lately and that are bound to give your design the finishing touch. Weve also just recently...

Software development without a roadmap is akin to driving off a cliff — an undertaking that seriously jeopardizes your products life. Heres how to develop a business technology roadmap that ensu...

Useful Figma plugins that will help you fix all the little slowdowns and boost your productivity. From color management and image assets to SVG shapes and animation. Thats our new guide to Figma....

How do we build and establish a successful, bulletproof design system? Whats the state of HTML Email? And what are new, smart interface design patterns we could use? Lets find out. With our [brand new...

Often you need two different sets of navigation stacks for pre and post user authentication. Usually, to see more content, you have to be authenticated in some way. Lets look at how to mount and unmou...

Embedding code examples with third-party scripts often leads to tracking or cookies. We always wanted to have a simple website with a good UX, so setting cookies for no reason wasnt an option for us. ...

In this episode, were talking about designing for safety. What does it mean to consider vulnerable users in our designs? Drew McLellan talks to expert Eva PenzeyMoog to find out....

What exactly is HTTP/3? Why was it needed so soon after HTTP/2 (which was only finalized in 2015)? How can or should you use it? And especially, how does this improve web performance? Lets find out....

VS Code can be supercharged wuth hundreds of [VS Code extensions](https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/). In this article, Leonardo shares four useful exte...

How can we make disabled buttons more inclusive? When do they work well, and when do they fail on us? And finally, when do we actually need them, and how can we avoid them? Lets find out....

In this article, well discuss and learn about the use case of iterating over React `children` and the ways to do it. In particular, we will deep dive into one of the utility methods, `React.Children.t...

Resilience is intrinsic to the web and therefore us, web developers. This article explores how graceful degradation, defensive coding, observability, and a healthy attitude towards failures better equ...

In this article, well take a deep dive into the refactoring process itself, and cover incremental refactoring strategy, visual regression testing, and maintaining the refactored codebase....

New month, new wallpapers! In this post, youll find unique and inspiring wallpapers for August 2021. Created with love by the community for the community, they come in versions with and without a cale...