Smashing Magazine

MARCH 19, 2021

Gael Metais suggested to more aggressively subset web fonts and look into caching issues with our AVIF files. If a browser doesn’t support AVIF, it gets a JPEG file (properly cached), The content negotiation happens via <picture> + srcset in the browser. New Online Workshops on Smashing. March 30–31. UX, Design.

Mobile 140

Mobile Design Cache Code 140

Smashing Magazine

SEPTEMBER 2, 2021

Image source: Flexbox Zombies ). Flexbox Defense is a play on the ‘tower defense’ strategy game genre that teaches you flexbox through 12 challenges where you have to use flexbox syntax to stop incoming enemies from getting past your defenses. Image source: Flexbox Defense ). Jump to online workshops ?.

Development 145

Development Games Education Programming 145

Smashing Magazine

JUNE 2, 2021

The project consisted of upgrading the shop software to our own open-source system and redoing the shop’s front end from scratch. And while you can usually cache the full page of an article, the same is not true of many shop pages and elements. Jump to online workshops ?. But even in the planning phases, traps await.

Performance 116

Performance Cache Website Mobile 116

Smashing Magazine

AUGUST 20, 2021

Jump to the workshop ?. It was a battle of not only proprietary vs open source but also static vs dynamic. You could create and update blog posts, all content was straight HTML — open-source WYSIWYG editors weren’t available at the time, and Markdown didn’t come about until 2004. Online, and live.

Ecommerce 139

Ecommerce Website Government Internet 139

Smashing Magazine

SEPTEMBER 6, 2021

This approach was touted to be better for fine-grained caching because each subresource could be cached individually and the full bundle didn’t need to be redownloaded if one of them changed. Upon receipt of a valid Alt-Svc header indicating HTTP/3 support, the browser will cache this and try to set up a QUIC connection from then on.

Network 105

Network Servers Cache Traffic 105