Remove Best Practices Remove Performance Remove Strategy Remove Workshop
article thumbnail

Meet Hydrogen: A React Framework For Dynamic, Contextual And Personalized E-Commerce

Smashing Magazine

At the limit, statically generated, edge delivered, and HTML-first pages look like the optimal strategy. We work with millions of merchants, and as many companies, we obsess about storefront performance. We obsess even more about finding the optimal balance between performance, capabilities, and merchants’ business objectives.

Cache 135
article thumbnail

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

Working around improving performance was an ongoing journey on SmashingMag for a while. In the end of last year we’ve noticed that we’ve seen quite a drop in performance in 2020, so we rolled up our sleeves and got to work. We were busy not only with performance and UX optimizations though. New Online Workshops on Smashing.

Mobile 140
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

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
article thumbnail

The Flow Institute: The First Online Community for Value Stream Management (VSM)

Tasktop

Whatever your industry, structure, methodology, tooling or processes, the Flow Framework provides a clear blueprint for practicing VSM in software delivery. A telecom giant changing its outsourcing strategy to negotiate better terms with its service partners. A leading U.S healthcare leader doubling its feature velocity.

article thumbnail

Global vs. Local Styling In Next.js

Smashing Magazine

CSS-in-JS can also have a performance impact by causing additional renders and dependencies on the global state. Recommended reading : “ The Unseen Performance Costs Of Modern CSS-in-JS Libraries In React Apps )” by Aggelos Arvanitakis. support doing so with no additional setup; it also yields results that are performant and static.

Website 142
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

Smart CSS Solutions For Common UI Challenges

Smashing Magazine

Rob also takes a look at the accessibility and performance implications that shadows bring along, as well as how to animate them. Ahmad’s strategies on achieving the cut-out effect. With 100s of real-life examples , guidelines and best practices that you can apply right away. Jump to the workshop ?.

Games 144