Learn what’s new with developer tools in Firefox, Edge, Chrome and Safari. Discover new and powerful features that will help you be more comfortable and productive when testing and debugging across browsers. https://smashingmagazine.com/2021/09/devtools-cross-browser-edition/
After almost five years in development, the new HTTP/3 protocol is nearing its final form. Let’s take a close look at the challenges involved in deploying and testing HTTP/3, and how and if you should change your websites and resources as well. https://smashingmagazine.com/2021/09/http3-practical-deployment-options-part3/
Websites, unfortunately, aren’t as environmentally friendly as we might like them to be. This article contains some thoughts and experiences from trying to clean them up. https://smashingmagazine.com/2021/09/reducing-carbon-emissions-on-web/
Here are just some of the most interactive coding tools and apps that are bound to help you supplement your skills in different areas of web development. https://smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/
What exactly is a displacement filter? In this article, Dirk Weber explains the SVG feDisplacementMap filter primitive with a good number of examples to demonstrate the concept of animated displacement maps.
https://smashingmagazine.com/2021/09/deep-dive-wonderful-world-svg-displacement-filtering/
By combining some React APIs, we can accurately manage “simple” states. With Next.js though, we can quickly find situations where we need to accommodate many other requirements, such as isolating state between pages or routes, and managing our data both in the server and client while bringing things in from third-party services. That’s a lot! Let’s have a look at some patterns to accomplish all that. https://smashingmagazine.com/2021/08/state-management-nextjs/
New month, new wallpapers! In this post, you’ll find inspiring wallpaper designs for September 2021. They were created with love by artists and designers from across the globe and are available with and without a calendar. Enjoy! https://smashingmagazine.com/2021/08/desktop-wallpaper-calendars-september-2021/
There are many CSS optimization techniques to tackle potential file size and performance issues. Let’s take a look at some of them. After all, if deploying the refactored codebase causes loading or performance issues, it will result in less traffic and revenue, which might leave the management and project managers dissatisfied. https://smashingmagazine.com/2021/08/refactoring-css-optimizing-size-performance-part3/
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 Context API and React to build components by using this advanced pattern. https://smashingmagazine.com/2021/08/compound-components-react/
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. https://smashingmagazine.com/2021/08/against-privacy-infringement-web/