Remove Best Practices Remove Design Remove Performance Remove Workshop
article thumbnail

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

In fact, we had to look into various cases for the form design: What happens when no data is provided at all? Given that a vast majority of our readers — wonderful people like you — are using autofill, it’s worth spending time designing an experience around it. We were busy not only with performance and UX optimizations though.

Mobile 140
article thumbnail

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

Smashing Magazine

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. Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman.

Cache 135
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. Before delving into details about code-splitting, let’s quickly remind ourselves what makes JavaScript so impactful on overall performance. On design systems, CSS/JS and UX. Jump to online workshops ?.

Code 89
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

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

Smashing Magazine

Now, let’s dive into the technical features and best practices that my team adopted in the process of building the WaterBear web app. I plan on sharing specifically what I learned from performance and accessibility practices as a first-time lead developer of a team , as well as what I wish I had known before we started.

Cache 72
article thumbnail

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

Smashing Magazine

Performance is one of the core aspects to ensure our users are having a delightful user experience irrespective of their devices or network connection. We found out user-centric performance metrics to be the perfect fit for this purpose. We use Lighthouse and WebPagetest as our synthetic testing tools for performance to measure CLS.

Website 105
article thumbnail

Lesser-Known And Underused CSS Features In 2022

Smashing Magazine

In my opinion, one of the best use-cases for currentColor is styling inlined SVG elements. Whenever we export an icon from a design tool, it comes with a specific fill and other color values defined in the design. On design systems, UX, web performance and CSS/JS. Jump to online workshops ?. More after jump!

Media 140