The new No-Vary-Search header can be used to tell browsers that a query string like ?product_id=7 means the content on that URL is unique based on the query parameter, so cache pages like that individually. But also that a query string like ?utm_source=frontendmasters does not have unique content, so don’t cache it individually. (As explained […]
Hand-writing/maintaining a sizes attribute is just not going to happen. This is the way.
Loren Stewart built the same (kanban) app 10 times and wrote about it, trying to figure out which JavaScript framework is best for his team. The focus is on mobile web performance. The implementations were reviewed by others. Here’s my own summary of his summary:
To avoid page loading jank, there are things we can do to avoid content from shifting around, even if repainting is still necessary.
My go-to local app image optimizer has long been ImageOptim. It’s Mac-only (and free), but they suggest alternatives for other platforms. I reach for ImageOptim usually when I want to optimize a whole bunch of images in a batch. For one-offs, you can’t do much better than Squoosh, a great progressive web app (PWA). I […]
Putting a YouTube video inside a closed details element means it won’t load until that details element is opened. We can use that.
Matt Smith: React Hooks have been around for years, but most codebases still use them the same way: a bit of useState, an overworked useEffect, and a lot of patterns that get copy-pasted without much thought. […]
Paul Smith made these Classic Mac OS System 1 Patterns, which are super tiny (in size) graphics that work with background-repeat to make old school “textures”. They have an awfully nostalgic look for me, but they are so simple I can see them being useful in modern designs as well.
Safari made .mp4 file work in img tags in HTML back in 2017, but no other browser followed suite. Should they have?
There is some low-hanging web performance fruit with images. Serving them in the right format, from a CDN, with the right HTML can be a big perf win.
Frontend Masters donates to open source projects through thanks.dev and Open Collective, as well as donates to non-profits like The Last Mile, Annie Canons, and Vets Who Code.
