Would it be useful to add a filter on linked authors to my links page?
For example, the most linked author is currently @zachleat 😁
https://nicolas-hoizey.com/links/?query=Zach%2520Leatherman
Would it be useful to add a filter on linked authors to my links page?
For example, the most linked author is currently @zachleat 😁
https://nicolas-hoizey.com/links/?query=Zach%2520Leatherman
One of the quickest wins—and one of the first things I recommend my clients do—to make websites faster can at first seem counter-intuitive: you should…
There is not enough interest from the entire ecosystem to continue experimenting with JPEG XL — https://bugs.chromium.org/p/chromium/issues/detail?id=1178058#c84
I can't believe this, #Chrome is really removing the support for JPEG XL we've been waiting for years! 😡
I’m going to try and cover all of the basics of Mastodon in this post, as well as the details of how it all works. By the end of this post, you should…
a number of people asked for specifics on how the user interface (UI) within Mastodon actually worked, and how to get started with the platform. So…
Any idea why there's so much TTFB difference on #Netlify for main vs branch deploys?
Here is TTFB for:
Progressive Enhancement: Where Do I Begin?
Aaron shares the slides of his latest talk about progressive enhancement, a topic he's been talking about for a while, with his book "Adaptive Web…
Matthias reacts to Manuel Matuzović's Twitter account suspension: Gone. Years of careful consideration, of sharing your knowledge, of building connections,…
If you use #Eleventy and know how to add fetchpriority="high"
on your Largest Contenful Paint image, I made a plugin that adds a <link rel="preload"…>
for it, even it it's responsive: https://github.com/nhoizey/eleventy-plugin-auto-preload
Feedback welcome! 🙏
How A Screen Reader User Surfs The Web
In this webinar you’ll learn how and why semantic HTML helps screen reader users browse your website, whilst being mostly transparent to people who…
This is what happens when you preload
the heavy high definition pristine image instead of the responsive version… 😅
Thanks #SpeedCurve for noticing it! 🙏
There are now pages on my photography site about the cameras and lenses I used to shoot the photos you can see:
https://nicolas-hoizey.photo/gear/
Data are extracted from the photos' EXIF, and pages are still generated with #Eleventy! 😍
A Designer’s Guide to Documenting Accessibility & User Interactions
A lot of sites were not designed and developed with accessibility needs in mind. As designers, a lot of us think that “accessibility is the job of…
WTF are all these config files for?
Every JavaScript project has a collection of config files to control the behavior of tools like Prettier, ESLint, Typescript, Vite, Tailwind, Post…
Google doesn't see content behind Load More buttons or Infinite Scroll
Google’s John Mueller has confirmed in a Webmaster Hangout that they no longer crawl content behind JavaScript “load more” buttons. Also, Mueller…
The Proprietary Syndication Formats
Guess which format is going to outlast all these proprietary syndication formats. I’d say RSS, which I believe to be true, but really, it’s HTML.…
if you did your best when you created a piece of work, but your perfectionism or fear of judgement or lack of confidence makes you not like it, ask…
If you use the #Unsplash plugin in #Figma and search for the "athletics" keyword, one of my photos comes in the third position! 😲😊
Jenni Nadler
When life gives you lemons, write better error messages
Wix reviewed and fixed 7,643 error messages that were “generic” or “not helpful”, and Jenni explains how to provide better assistance to users: What…
we hope that our observations and support will help bring JPEG XL support to the web for all chrome users
— @colinbendell from Shopify
https://bugs.chromium.org/p/chromium/issues/detail?id=1178058#c79
YES, please! 🙏
width
and height
attributes on <img>
help prevent layout shifts (CLS). Values should be unitless integers.
But #Lighthouse sees 100%
as 100
, thanks parseInt()
…
Do you think it should be improved?
Async Alpine — Asynchronous Alpine component loading
Async Alpine is a wrapper for the fantastic Alpine.js JavaScript library, giving you greater control of component loading and adding asynchronous/lazy…
Client-side caching is a key technique to improving front-end speed and user experience. Whilst it may appear complex and risky, investing the time…
When an <img loading="lazy">
is hidden (in a menu for example) but above the fold, when exactly is it downloaded? 🤔
In all browsers?
Is JS-based lazy loading after the load
event better for above the fold CSS/JS optimization?
For all the resulting script is asynchronous, the `` block that creates it is fully synchronous, which means that the discovery of the script is governed…
How do you deal with images that need to have a fluid width but fixed height?
I tend to start from the lowest width
/height
ratio and increase, knowing larger images will have hidden parts above and below… 😔
Anything better?