Remove Cache Remove Code Remove Design 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. New Online Workshops on Smashing. Large preview ).

Mobile 140
article thumbnail

Five Data-Loading Patterns To Improve Frontend Performance

Smashing Magazine

Every unnecessary bit of JavaScript code you bundle and serve will be more code the client has to load and process. How will you serve blazingly fast code, then? Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A.

Cache 126
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

Increase the Performance of your Site with Lazy-Loading and Code-Splitting

Jos

We are explicit about our dependencies, so we know what code we need to run to run a specific component. Lazy-loading and bundle splitting can have a huge impact on page performance: less code requested, parsed, and executed. You can check Website Sameness or Web Design Trends: Why Do All Websites Look The Same?

Code 147
article thumbnail

Increase the Performance of your Site with Lazy-Loading and Code-Splitting

Jos

We are explicit about our dependencies, so we know what code we need to run to run a specific component. Lazy-loading and bundle splitting can have a huge impact on page performance: less code requested, parsed, and executed. You can check Website Sameness or Web Design Trends: Why Do All Websites Look The Same?

Code 130
article thumbnail

GraphQL On The Front-End (React And Apollo)

Smashing Magazine

We’ll be learning how to do this with GraphQL Features like Cache Update, Subscriptions, and Optimistic UI. Let’s get right into the code. Just before we start, this is the repo containing the code demonstrating everything under Real-time update on GraphQL, using Apollo as a state management tool, Fragments, and Apollo directives.

Cache 115
article thumbnail

Interactive Learning Tools For Front-End Developers

Smashing Magazine

Over the last little while, I’ve been able to collect links to several interactive coding tools and apps that can help you supplement your skills in different areas of web development. JavaScript Design Patterns. This is a straightforward flexbox playground that also generates the code for you. On design systems, CSS/JS and UX.

article thumbnail

Refactoring CSS: Optimizing Size And Performance (Part 3)

Smashing Magazine

Also, the management will be dissatisfied with the decreased traffic and revenue caused by the unoptimized codebase, despite the code quality improvements. They offer a wide variety of customization options to further control how code is being optimized and which browsers are supported. On design systems, CSS/JS and UX.

Media 109