Smashing Magazine

MAY 23, 2022

But what about the cases where this global override is not ideal for all components, and we want to fine-tune the properties for individual components? When creating responsive websites, we often make assumptions about input mechanisms based on their screen size. theme--dark.box { color: var(--color-component-override); }. Conclusion.

Media 140

Media Tuning Design Website 140

Speed Curve

DECEMBER 25, 2013

Guy Podjarny’s recent research shows that only one in eight websites is responsive. Source: Guy Podjarny However, we do now have a full set of techniques to effectively deliver highly performative sites that not only visually scale across devices but also deliver code and assets tuned to the width of a device.

Performance 60

Performance Mobile Website Benchmarking 60

Smashing Magazine

JANUARY 5, 2022

That’s right; I’ve parked day-to-day design work in favor of becoming someone very active in the design community, focusing on best practice design advice and scalable systems. The preaching section of this point is over, let’s get back to some more practical guidance. I now find myself working as a Designer Advocate at Figma.

Design 126

Design Social Media Website Best Practices 126

O'Reilly

JULY 25, 2023

Lastly, I tried not to search for help on Google, Stack Overflow, or other websites, which is what I would normally be doing while programming. For a few years now Google has been transitioning developers to v3 , which I didn’t know about since I had no prior experience with Chrome extensions.

Programming 98

Programming Code Design Benchmarking 98

Smashing Magazine

AUGUST 22, 2021

As such, tuning congestion logic is usually only done by a select few developers, and evolution is slow. This means that it will not magically download your website resources much more quickly than TCP. Initial tests by Google , for example, show low percentage improvements for its use cases. What Does It All Mean?

Performance 105

Performance Network Latency Servers 105

Smashing Magazine

SEPTEMBER 6, 2021

You would, however, be hard-pressed even today to find a good article that details the nuanced best practices. This is because, as I stated in the introduction to part 1 , much of the early HTTP/2 content was overly optimistic about how well it would work in practice, and some of it, quite frankly, had major mistakes and bad advice.

Network 104

Network Servers Cache Traffic 104

O'Reilly

OCTOBER 11, 2022

As a trend, it’s not performing well on Google; it shows little long-term growth, if any, and gets nowhere near as many searches as terms like “Observability” and “Generative Adversarial Networks.” However, growth always ends: nothing grows exponentially forever, not even Facebook and Google. Should it be? Is retraining needed?

Games 116

Games Healthcare Processing Retail 116

Smashing Magazine

AUGUST 9, 2021

Websites would magically become 50% faster with the flip of a switch! Five years later, we know that server push doesn’t really work in practice, streams and prioritization are often badly implemented , and, consequently, (reduced) resource bundling and even sharding are still good practices in some situations. Stay tuned! (vf,

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

SEPTEMBER 29, 2021

If you’re optimizing for the Web Vitals , you might be interested to hear that images account for ~ 42% of the Largest Contentful Paint element for websites. Tip: When evaluating quality, compression and fine-tuning of modern formats, Squoosh.app ’s ability to perform a visual side-by-side comparison is helpful. Large preview ).

Open Source 144

Open Source Speed Website Google 144