Remove Code Remove Strategy Remove Website Remove Workshop
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. In this article, we’ll build a website (a tea shop!) Let’s learn these techniques by applying them to a website project. Then, we’ll remove everything in the styles/ directory (it’s all sample code).

Website 142
article thumbnail

Next.js Wildcard Subdomains

Smashing Magazine

This space can act as its own website — not tied to anything. Jump to the workshop ?. In code, that looks like this: export async function getServerSideProps(context) { let wildcard = context.req.headers.host.split(".")[0]; Now that we’ve explored the theory of this strategy, let’s explore how we put it into practice.

Servers 84
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

Tips And Tricks For Evaluating UX/UI Designers

Smashing Magazine

It may seem enchanting how well-designed apps or websites can boost your sales, but it takes far more than a handful of fairy dust to make users enjoy their interactions. That happens when your app/website/system is efficient. Jump to online workshops ?. And vice versa. And memorable. And easy to understand. And reliable.

Design 113
article thumbnail

World’s Top Web Performance Leaders To Watch

Rigor

If you want to vastly improve the startup and load performance of your website, you cannot miss the impactful observations and insights that Jake posts on jakearchibald.com/ and shares on Twitter @ jaffathecake. He writes about Progressive Web Apps on Medium as well as on his own website. Rick Byers. Rick Byers. Tammy Everts.

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. Insight 2: There Are Established Strategies To Tackle Web App Accessibility Problems. Jump to the workshop ?.

Strategy 141
article thumbnail

Jamstack CMS: The Past, The Present and The Future

Smashing Magazine

The world’s first website was made from static HTML files created in a text editor. Fast-forward 30 years, and website technology has changed significantly — we have images, stylesheets, JavaScript, streaming video, AJAX, animation, WebSockets, WebGL, rounded corners in CSS — the list goes on. Mike Neumegen. released 1998.

Ecommerce 139
article thumbnail

Refactoring CSS: Optimizing Size And Performance (Part 3)

Smashing Magazine

In previous articles from this series, we’ve covered auditing CSS codebase health and the incremental CSS refactoring strategy , testing, and maintenance. Deploying the refactored codebase shouldn’t result in worse website performance and worse user experience. After all, users won’t wait around forever for the website to load.

Media 109