Remove Best Practices Remove Development 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 108
article thumbnail

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

Smashing Magazine

When developing locally, developers tend to get impatient with tests, especially if someone in your team needs to merge corresponding pull requests. In general, too many classes or abstractions littered across walls of text or code can swiftly kill the motivation of a developer and lead to plain chaos.

Testing 124
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

Next.js Wildcard Subdomains

Smashing Magazine

This space can act as its own website — not tied to anything. For example, later in this article, we’ll be developing a web toy that flips a webpage upside down making it readable for Australians. Difficulties with Development. With 100s of real-life examples , guidelines and best practices that you can apply right away.

Servers 87
article thumbnail

Lesser-Known And Underused CSS Features In 2022

Smashing Magazine

Custom properties brought significant improvements to CSS by allowing developers to create reusable values in their stylesheet without the need for CSS preprocessor like SASS. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A.

Media 141
article thumbnail

React Children And Iteration Methods

Smashing Magazine

The most obvious and common prop that developers work with within React is the children prop. Continue reading below ↓ Deep-dive into front-end accessibility with Carie Fisher in her upcoming Smashing workshop on Accessible Front-End Patterns. Jump to the workshop ?. React Children And Iteration Methods. Arihant Verma.

article thumbnail

Adding A Dyslexia-Friendly Mode To A Website

Smashing Magazine

Adding A Dyslexia-Friendly Mode To A Website. Adding A Dyslexia-Friendly Mode To A Website. 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. John C Barstow.

Website 134
article thumbnail

Improving JavaScript Bundle Performance With Code-Splitting

Smashing Magazine

In this article, we’re going to cover code-splitting best practices and showcase some examples using React, so we load the minimum JavaScript necessary to render a page and dynamically load sizeable non-critical bundles. This automatization often leads developers to treat a framework and build tools as a black box.

Code 91