There are too many options in Web Animations API to pick it up easily. Learning how timing works and how to control the playback of several animations at once makes for a solid foundation on which to base your projects on. https://smashingmagazine.com/2021/09/orchestrating-complexity-web-animations-api/
They say content is king, and they’re right. The web has unlocked untold possibilities for storytellers — provided the story is right, of course. Here are some of our favorite examples of editorial content thriving in the digital realm. https://smashingmagazine.com/2021/09/web-design-done-well-excellent-editorial/
When paired with ISR and Next.js’ API routes, SWR can be used to create a responsive user experience. In this article, Sam Poder explains what SWR is, where to use it (and where not), and how to build a website by using Incremental Static Regeneration. https://smashingmagazine.com/2021/09/useswr-react-hook-library-incremental-static-regeneration-nextjs/
In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors. https://smashingmagazine.com/2021/09/developer-decisions-building-flexible-components/
What’s the state of HTML Email, Vue.js and Next.js? What are new, smart interface design patterns we could use? Let’s figure it out. With our brand new online workshops on front-end & design. Now with free workshops for you to test the waters. https://smashingmagazine.com/2021/09/new-smashing-online-workshops-sep-2021/
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/