Notes published in 2020
Wonder if #EveryLayout's sidebar could be used for a media component where the image is on top by default, and on the right when there's enough space.
Looks like it's either 1st element on the left or 2nd element on the right… 🤔
I may have created a new plugin for #Eleventy… 😅
If you use Nunjucks layouts and want an easy way to build internal links between your contents, this might help you:
Each step of
eleventy-plugin-images-responsiver tutorial is both a README and a small Eleventy site with the plugin and progressively improving configuration and usage… 😎
Awesome, #IFTTT gains some advanced features in the new Pro plan, I'm more than happy to pay for this! 🎉
Oooh wait… the free plan is now limited to 3 applets… 😱
Trying to save this little iPhone 6s whose screen doesn't turn on anymore… 🤞
I explained it there, if you think you can help:
TIL: if you cache images with a Service Worker, and you have a Content Security Policy, the image's origin should be in both the
@bagder hi Daniel, reading https://daniel.haxx.se/blog/2016/08/18/http2-connection-coalescing/ (yes, I'm late 😅)
If DNS B.example.com returns
192.168.0.3, is TLS really enough to be sure it also works on
BTW, there's a typo near the end: "both IPv4 and IPv4 addresses".
I guess we'll (unfortunately) see a lot of turtles in Firefox soon, while browsing the Web with devtools open… 🐢
JUST LANDED in Firefox Nightly:
Appears when the server response time for a request exceeds the recommended limit of 500 ms (adjustable in about:config).
Awesome dev work by @b4bomsy and planning by @digitarald & @janodvarko!
If you spot it and it helps, let us know!H
It's exactly the same code. 🤷♂️
New project: Speedlify 🐇
A self-hosted dashboard to continuously measure and publish web site performance statistics using Lighthouse and Axe.
It took me just a few minutes to built my dashboard for multiple sites:
Paint timing metrics are too optimistic. In 85-95% of cases, they are recorded before any pixels are actually rendered to the screen.
Thanks @kswedberg for the great contribution! 🙏
For example, even on the same Windows 10, Edge 80 is 3 times faster than Edge 18:
Looks like my site is rapidly disappearing from Google. 🤷♂️
I guess most of my content is not interesting anymore, not really a surprise with some being almost 20 years old… 😅
iTunesMusic plays in the background, there is a media control key in the Touch Bar.
This key shows the media controls.
When Music is in focus, there is another Touch Bar.
The control keys and the progress bar are inverted! 🤦♂️
When @getify writes "It took my brain weeks to fully understand the implications of that juggling", I wonder if I really should try to understand… 😅
Looks fascinating anyway:
Ok, time to really say goodbye to Application Cache…
4 years and a half after opening, this issue for my game #esviji is now closed! 🎉
Oh… and I also moved to #Netlify … 😁
Want to play? Let's play!
Trying to write documentation for my #Eleventy plugin as runable examples… not so easy, but I think it's worth the effort!
I guess (without proof) #Eleventy builds including assets bundling/minifying could be accelerated with memoization.
Did this for the slugify filter (I use @sindresorhus's one instead of the default) called multiple times with the same string:
images-responsiveris a simple solution for most responsive images needs
Is it catchy enough? 😁
Here's my latest pet project, trying to help people struggling with responsive images: https://nhoizey.github.io/images-responsiver/
If you use #Eleventy, there's also a plugin: https://github.com/nhoizey/eleventy-plugin-images-responsiver
Documentation is still a little rough around the edges, but should be enough at least for people already knowing npm and JS.
But I wanted to pay for the global Netlify service I use for other sites, so I subscribed for Analytics for another site that already have Google Analytics, let's see how they compare.
My #Eleventy build time is now down to 37 seconds on average! 💪
A few external data fetches, 1087 HTML pages generated, 1608 simple images
<img src…> automatically transformed into responsive
<img srcset… sizes…>…
Want another reason to hate #AMP?
A play in three acts:
@Rich_Harris @atmccann Looks like it’s been fixed! 👍
By the way, I saw the button isn’t there at all on my Safari on iPhone, is it on purpose on small viewports?
I wanted to check for the situation in Sweden, where I’m traveling right now. 😅
Users should not have to go through this. This is really bad UX.
Unfortunately, I guess most end users would blame the New York Times, not Google.
I have an idea to improve this…
Updated my post about #Cloudinary and GIFs to add some details about why we need to convert them to videos, and how well it works in browsers.
Would you like to be able to control when a #PWA is updated on your device?
It would be useful for example to prevent consuming too much data in roaming, like I often do with native apps.