Code - Daniel's Notes

Daniel's Notes

Sign in Subscribe

Code

A collection of 3 posts

CSS Code snippet showing how the image-set function is used to serve an AVIF background image to browsers that support it

Using the AVIF format for CSS background images

Today I learned that browser support for the AVIF image format has become excellent, with every major browser except Edge supporting it. As I'm implementing a design with a big background image, this is great. At half the size of the JPEG, it offers way better quality. (WebP wasn't noticeably

Remove Large Files from Git History

I recently had the case of a client uploading huge tiff files (some larger than 100 MB) into Statamic image fields. Obviously, I should make this impossible in the first place. Yet, here I was with these big files having been uploaded and auto-comitted by Statamic’s Git integration. While

Make Alpine 3 support legacy browsers

Make Alpine 3 support legacy browsers

Today I learned that AlpineJS 3.x uses queueMicrotask – and that that’s an API not supported in Firefox < 69 and Safari < 12.1 (see caniuse for full support information). Luckily, this can easily be polyfilled: if (typeof window.queueMicrotask !== "function") { window.queueMicrotask = function (callback) { Promise.resolve() .then(callback) .catch(