There are two strategies for incrementally building websites that are growing in popularity: Incremental Static Regeneration and Distributed Persistent Rendering. What’s the difference? Let’s figure it out. https://smashingmagazine.com/2021/07/isr-dpr-explained/
Too often dealing with filters can be frustrating. Let’s get them right. That means never freeze the UI on a single input, provide text input fallback and never auto-scroll users on a single input. Here’s why. https://smashingmagazine.com/2021/07/frustrating-design-patterns-broken-frozen-filters/
In JavaScript, attaching an event listener to constantly fire a callback on scroll can be performance-intensive. But there is a better way with Intersection Observer. https://smashingmagazine.com/2021/07/dynamic-header-intersection-observer/
In this article, we’re taking a closer look at different approaches and strategies on how we can migrate a web application that uses jQuery framework, and start using one of the coolest React frameworks in the market: Next.js. https://smashingmagazine.com/2021/07/migrate-jquery-nextjs/
CSS refactoring process is not an easy task — it needs to be done in a way that doesn't negatively impact UX, doesn’t introduce additional issues, and doesn't prevent developers from doing other tasks on the project. Before even diving into the refactoring process itself, developers need to analyze the existing codebase, audit CSS codebase health, discover weaknesses and improvement opportunities, agree on the refactor or rewrite approach, and convince management to invest time and resourc
Accessibility is often overlooked or bolted on to the end of a project. Let’s figure out how to implement and advocate for accessibility from the inception of a project to the release or handoff and beyond. https://smashingmagazine.com/2021/07/strong-case-for-accessibility/
Even though Vue.js claims to have an approachable minimalist framework that can be incrementally adaptable, it can be a little bit overwhelming when starting as a Vue.js newbie. In this article, we’re looking at ways to make writing Vue.js a breeze. https://smashingmagazine.com/2021/07/tools-practices-speed-up-vuejs-development-process/
In this article, Emiliano explains why Figma Interactive Components (now in beta) will improve how we create prototypes. He wrote this article for designers who want to know more about Figma, but he’s sure it can benefit developers, too. The new feature reduces the time and effort needed to create interactions by bringing down the cost of design exploration. There’s no need for previous Figma knowledge and experience — all you’ll need is a free Figma account if you’d like to try it out for
There is an array of Headless CMSes out there. In this article, we delve into headless CMS features to satisfy your content editors, marketers and yourself as a developer. For the experience headless practitioner, this could be a checklist to see what’s new out there. For those starting out on their headless journey, this could be a guide on what to look for. https://smashingmagazine.com/2021/07/how-to-choose-a-headless-cms/
In this article, Ahmad Shadeed explains what HSL is, how to use it, and shares some of the useful use-cases and examples that you can use right away in your current projects. https://smashingmagazine.com/2021/07/hsl-colors-css/