Hi, I'm Nicolas Hoizey.
Passionate about the Web, I co-founded
Clever Age.
I have many other interests, including photography.
Accessible anchor links with Markdown-it and Eleventy
I like to be able to link directly to a section in a long content. I wish every site provided anchor links associated to headings, even if Text Fragments might be a cross browser thing sometimes in the future. Here's how I made the anchor links of my Eleventy based site accessible.
Enhancing archives navigation, step 2
In my previous article Enhancing archives navigation, step 1, I promised further archives navigation enhancements. Here they are!
Enhancing archives navigation, step 1
I decided years ago to remove paged navigation (aka "pagination"), because I find it not user friendly at all, and a nightmare for SEO with new content pushing one tenth of contents to another page (for a 10 items per page pagination). Now, I improved the UX even further.
JAMstack is fast only if you make it so
JAMstack often promotes itself as an excellent way to provide performant sites. It's even the first listed benefit on jamstack.wtf, a "guide [which] gathers the concept of JAMstack in a straight-forward guide to encourage other developers to adopt the workflow". But too many JAMstack sites are very slow.
Can we monitor User Happiness on the Web with performance tools?
I really like that SpeedCurve tried to innovate with this recent "User Happiness" metric (original version). It aggregates multiple technical metrics to decide if users visiting the page are happy or not with it. But I see several issues in this metric.
Evan Minto wrote a great article showing the Internet Archive has tested the actual root font-size set by their visitors, and the result shows a lot of people still change the default one: Pixels vs. Ems: Users DO Change Font Size.
Read all articles…
Why designers should move from px to rem - and how to do that in Figma
If you're a Web developer (as most of my readers), you already know that users DO change font size (in their browser preferences), so you make sure to use proportional dimension units (em, rem, %, etc.) instead of px everywhere you can.
Which SVG technique performs best for way too many icons?
Using SVG with performance in mind is not an easy topic because there are many ways to show SVG images in pages.
The Art of Deception, Lighthouse Score Edition
I agree with Zach that the Lighthouse scores we see - shared mostly on Twitter - should be taken with a grain of salt, as they are often shared without any mention of the test conditions.
Expandable Sections Within a CSS Grid
This is a great use case for CSS Grid's dense packing algorithm!
Discover all links…
Two weeks ago, I used Google BigQuery with HTTP Archive data to find the heaviest images in French government home pages.
Today, I received a bill I didn't anticipate… 😅
That's it! After a while comparing Netlify and Cloudflare TTFB from France, I moved my photography site to the later.
Results are great!
Impact for users is obvious:
Emails from #Algolia are not relevant at all, it is very disappointing… 😕
I haven't touched my Algolia implementation on my site for a year, when I wrote this article:
https://nicolas-hoizey.com/articles/2020/11/02/enhancing-archives-navigation-step-2/
As I'm really disappointed by #Netlify performance from France, I'm planing to move to #Cloudflare.
But it looks like they won't allow me to keep my DNS on #Gandi, this is really unfortunate… 😕
Discover all notes…
These are the tags the most used on the site to set content topics:
Browse all tags…
Christine Vallaure
Tyler Sticka
Zach Leatherman
Kev Bonett