Remove link
article thumbnail

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)

Smashing Magazine

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2). Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2). In this article, we’ll take a deep dive into the refactoring process itself, and cover incremental refactoring strategy, visual regression testing, and maintaining the refactored codebase.

Strategy 132
article thumbnail

WaterBear: Building A Free Platform For Impactful Documentaries (Part 2)

Smashing Magazine

Definitely read up on the strategy and reasoning behind this stack in the first article if you missed it. Now, let’s dive into the technical features and best practices that my team adopted in the process of building the WaterBear web app. We used an eager loading strategy paired with a high fetchpriority on the images.

Cache 72
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Three Insights I Gained While Researching Vue.js Accessibility

Smashing Magazine

Insight 2: There Are Established Strategies To Tackle Web App Accessibility Problems. In the following Insight, I will introduce you to strategies for supplying accessible notifications , including an easy implementation in Vue.js ( Strategy 1 ), then point you towards recommended patterns and their Vue counterparts ( Strategy 2 ).

Strategy 141
article thumbnail

Adding A Dyslexia-Friendly Mode To A Website

Smashing Magazine

Existing best practices and guidance, such as the Web Content Accessibility Guidelines (WCAG), give us a solid foundation for inclusive design and already incorporate many details that affect dyslexic readers. In fact, some of those resources are linked in the Understanding WCAG 2.1 Jump to online workshops ?.

Website 132
article thumbnail

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

New Online Workshops on Smashing. Almost a year ago, we started running our very own online workshops , and each and every one has been an incredible experience to our entire team. Here’s a brief overview of the workshops that we have planned for the **next months**: Dates. How Can I Run Online Workshops? Vitaly Friedman.

Mobile 140
article thumbnail

Next.js Wildcard Subdomains

Smashing Magazine

With 100s of real-life examples , guidelines and best practices that you can apply right away. Jump to the workshop ?. Now that we’ve explored the theory of this strategy, let’s explore how we put it into practice. The live version is available at [link] and the source code can be found at [link].

Servers 84
article thumbnail

How To Build An Amazon Product Scraper With Node.js

Smashing Magazine

Scraping those product pages can net you invaluable data such as: The competitors’ pricing strategy. With 100s of real-life examples , guidelines and best practices that you can apply right away. Jump to the workshop ?. attr('src') const link = shelf.find('a.a-link-normal.a-text-normal').attr('href') link-normal.a-text-normal').attr('href')

Website 115