Remove Best Practices Remove Code Remove Website Remove Workshop
article thumbnail

Solving CLS Issues In A Next.js-Powered E-Commerce Website (Case Study)

Smashing Magazine

Powered E-Commerce Website (Case Study). Powered E-Commerce Website (Case Study). Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to online workshops ?. Solving CLS Issues In A Next.js-Powered

Website 106
article thumbnail

Refactoring CSS: Introduction (Part 1)

Smashing Magazine

CSS is a simple stylesheet language for defining a website or document’s presentation. You’ve probably worked on a project with a poor CSS codebase before and thought how you’d written the code differently, given the opportunity to refactor or rewrite everything from scratch. Leftover, unused chunks of code from deleted features.

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

Improving JavaScript Bundle Performance With Code-Splitting

Smashing Magazine

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. It’s a common misconception that the code which is produced by the framework build tools (Webpack, for example) is fully optimized and cannot be improved upon any further. The answer lies in code-splitting.

Code 89
article thumbnail

Global vs. Local Styling In Next.js

Smashing Magazine

is opinionated about how to organize JavaScript code, but it doesn’t have built-in opinions about how to organize CSS. and exercise best CSS practices. In this article, we’ll build a website (a tea shop!) Let’s learn these techniques by applying them to a website project. Jump to the workshop ?.

Website 142
article thumbnail

Three Insights I Gained While Researching Vue.js Accessibility

Smashing Magazine

website : 1 — Welcome to GOV.UK Let’s progress from theoretical considerations into hands-on code. In the following code block, you see a component listing the newest problems in an online shop. With best practices and guidelines on accessibility, assistive technology and inclusive design patterns.

Strategy 141
article thumbnail

It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them

Smashing Magazine

Well, it’s simply an apt allegory when it comes to dealing with tests in a code base. These traps might feel like an unexpected ambush when you’re working on a code base, especially when doing so for a long time. They test units of code together, looking at their interaction. Integration tests have a broader scope.

Testing 121
article thumbnail

How To Build An Amazon Product Scraper With Node.js

Smashing Magazine

As such, I urge you always to be mindful of the website while scraping, take care not to damage it, and follow ethical guidelines. Recommended Reading : “ The Guide To Ethical Scraping Of Dynamic Websites With Node.js So, it goes without saying just how big of a data treasure trove the website is. Jump to the workshop ?.

Website 115