In this article, we will look at when it makes sense to migrate from a monolithic project to a headless setup and the benefits that come with it. In addition to a step-by-step guide on how to migrate WordPress to Storyblok Headless CMS, the problems that will arise during the process and how to deal with them. https://smashingmagazine.com/2021/07/wordpress-headless-cms-storyblok/
By adding visual elements to your tests, you can gain more options to add meaningful ways in maintaining a high level of quality for your app. Colby Fayock explains how. https://smashingmagazine.com/2021/07/maintaining-end-to-end-quality-visual-testing/
Web app accessibility appears difficult because it seems that there is little information on the subject available online. Let’s take a closer look at the accessible use of framework features, concrete Vue.js traits, as well as community initiatives and vetted patterns. https://smashingmagazine.com/2021/07/three-insights-vuejs-accessibility/
In this article, you’ll get to see some pretty groundbreaking things you can achieve with modern JavaScript grids and discover new ways to augment a data grid to make it engaging, responsive, and accessible. All this will be illustrated using Kendo UI Data Grids and their features. https://smashingmagazine.com/2021/07/javascript-data-grid-kendo-ui/
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/