Looks like <link rel="preconnect" …>
will start working again in Firefox 115! 🥳
Looks like <link rel="preconnect" …>
will start working again in Firefox 115! 🥳
General question about synthetic performance monitoring:
How do you define the device/network settings of your tests?
I usualy do the former, but I think both could be useful.
Who still thinks writing a Service Worker for basic features (performance with cache, offline fallback) is cumbersome?
Using #Workbox recipes make it so easy!
Here's the Service Worker for https://pack11ty.dev 😍
https://github.com/nhoizey/pack11ty/blob/main/src/assets/js/service-worker.js
Oh… you need to quickly start a new #Eleventy project on your computer?
Asuming you already have npm
installed, here's how to use my Pack11ty starter/plugin:
npm create [email protected] your-project-name
Easy enough? 😁
Details on https://pack11ty.dev with other solutions for Netlify, Vercel, StackBlitz, etc.
I really like to see that all browser vendors agree with @[email protected] that we need @media
, srcset
and sizes
for <video>
as for <img>
/<picture>
! 🤩
Do you know good tutorials and/or examples about dealing with responsive images that are fluid horizontaly, but with a fixed height?
Using object-fit: cover;
in the CSS is easy, but how can we prevent loading many pixels that will be hidden, without using too many <source>
in a <picture>
?
TIL: a:link
in CSS doesn't match a
elements without any href
attribute! 😲
https://codepen.io/nhoizey/pen/dyggeOJ
It makes sense, but I never use a
elements without href
attributes (different from #
of course), so I didn't know… 🤷♂️
Limiting the image density on mobile devices drasticaly improves performance, with no visual loss, so we did it!
I still wish it was much easier than dealing with <picture>
and x
descriptors for fluid images… 😞
With a <img maxdensity="2.5" …>
attribute for example!
If you agree, comment:
https://github.com/whatwg/html/issues/4421
If someone is creating service workers with #Workbox recipes and injectManifest, a build with #esbuild, and doesn't have any issues, I'm interested! 😅
I have a very strange issue:
https://github.com/GoogleChrome/workbox/issues/3207
Bonus points if this is with #Eleventy
Why would anyone use the path
package from npm instead of Node’s path
module?
https://www.npmjs.com/package/path
Just found it in one of my own projects, where I'm the only contributor… 😅
Filter by year and month to see more notes.