Smashing Magazine

NOVEMBER 8, 2021

At the limit, statically generated, edge delivered, and HTML-first pages look like the optimal strategy. On top of this foundation, we add layers of caching, prerendering and edge delivery optimizations — not the other way around. Large preview ). This is not a debate about dynamic vs. static. You need both.

Cache 136

Cache Best Practices Strategy Servers 136

Smashing Magazine

MARCH 19, 2021

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

Mobile Design Cache Code 140

Smashing Magazine

OCTOBER 2, 2023

Definitely read up on the strategy and reasoning behind this stack in the first article if you missed it. Meet Smashing Workshops on front-end, design & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. We used an eager loading strategy paired with a high fetchpriority on the images.

Cache 72

Cache Strategy Best Practices Design 72

Smashing Magazine

AUGUST 30, 2021

In previous articles from this series, we’ve covered auditing CSS codebase health and the incremental CSS refactoring strategy , testing, and maintenance. In this article, we’re going to cover CSS optimization strategies that can optimize CSS file size, loading times, and render performance. On design systems, CSS/JS and UX.

Media 109

Media Performance Cache Strategy 109

Smashing Magazine

SEPTEMBER 2, 2021

JavaScript Design Patterns. Knights of the Flexbox Table is another well-designed interactive course to help you learn the different aspects of the flexbox specification. On design systems, CSS/JS and UX. Jump to online workshops ?. Design Patterns Game. Image source: Design Patterns Game ). CSS Flexbox.

Development 145

Development Games Education Programming 145

Smashing Magazine

JUNE 2, 2021

The design was made by a design and UX agency that also handled the HTML prototype (based on Bootstrap 4). For the launch, we mostly focused on getting the new design out the door, but once the website’s relaunch went live, we started focusing our attention on turning the red and orange scores to greens. Large preview ).

Performance 116

Performance Cache Website Mobile 116

Smashing Magazine

JANUARY 21, 2021

We were designing and building things, setting up new products, refactoring the components, and publishing articles. Plus a service worker that caches all static assets and serves them for repeat views, along with cached versions of articles that a reader has already visited. Once the workshop was over, we got to work.

Performance 145

Performance Cache Mobile Network 145