Archives

- Nicolas Hoizey
- 21 December 2022
- Google, Lighthouse, WebPerf
- 15 reactions
- permalink
Same page tested on PageSpeed Insights over a few hours the same day, without anything modified, and the desktop scores vary from 19 to 59… 🤷‍♂️

A lot of businesses rely on this crap to now if their site is "fast" enough for Google SEO! 😭
Matthias Ott

The Right Way to Use fonts.com Web Fonts
- Nicolas Hoizey
- 21 December 2022
- font, WebPerf, CSS
- 1 reaction
Let’s talk about web fonts. More specifically, about a mistake I have seen developers make in several projects for different agencies: Embedding a…
Alex Russell

The Performance Inequality Gap, 2023
- Nicolas Hoizey
- 20 December 2022
- WebPerf
- 1 reaction
Testing performance on actual device should be mandatory for every project, as it makes so many issues obvious. The best analouge you can buy for…
Tim Vereecke

Beating Latency on Scalemates.com
- Nicolas Hoizey
- 20 December 2022
- WebPerf, CDN
- 2 reactions
In order to beat latency you should first try to cache at the CDN. If that does not work you can bring your origin closer to the end users. If that…
- Nicolas Hoizey
- 18 December 2022
- esviji, game, responsive, SVG
- 2 reactions
- permalink
I wonder why there are not so many Web games using mostly HTML, CSS and #SVG for the UI, with all the #responsive power they have… 🤷‍♂️

This live demo is more than 6 years old: https://play.esviji.com/wow/

(Remove wow at the end to really play… 😅)
- Nicolas Hoizey
- 18 December 2022
- Twitter
- permalink
going forward, Twitter will no longer allow free promotion of specific social media platforms on Twitter
— Twitter's promotion of alternative social platforms policy

Emon Lusk is so afraid. 🥳
- Nicolas Hoizey
- 16 December 2022
- CSS, Flexbox, JavaScript
- 3 reactions
- permalink
While we wait for browsers to implement the text-wrap: balance; #CSS property and value for text (pleeeeeease! 🙏), I may have created a silly — and probably sub-optimal — function to do it with HTML block elements:

https://codepen.io/nhoizey/pen/mdjbrVx

Tell me what you think!

But why? Just because a colleague needed it, we could not find a solution in pure CSS, and I like challenges… 😅
- Nicolas Hoizey
- 14 December 2022
- WebPerf
- 3 reactions
- permalink
In all #WebPerf reporting tools with graphs, I would like to be able to quickly set a preferred scale, or ignore certain values that I know are incorrect.

Examples from Contentsquare/Dareboost and SpeedCurve…
- Nicolas Hoizey
- 14 December 2022
- JavaScript
- 8 reactions
- permalink
I needed a JavaScript way to verify if two arrays contain the same (all different) values.

I then found a better solution for my use case, but it might be useful later, so here it is:
```
const sameValues = (array1, array2) =>
  array1.length === array2.length &&
  array1.every((element) => array2.includes(element));
```
- Nicolas Hoizey
- 14 December 2022
- Mastodon, UX
- 8 reactions
- permalink
It's pretty annoying to see the same toot repeatedly on #Mastodon because everyone is boosting it, even if it's legitimately awesome.

Currently, a boost of a toot is only posted if at least 40 other toots have been posted since the previous boost of the same toot.

There is a GitHub issue asking to allow the user to change this number, or set a duration instead:
https://github.com/mastodon/mastodon/issues/18693

Please vote!
Vadim Makeev

SVG sprites: old-school, modern, unknown, and forgotten
- Nicolas Hoizey
- 13 December 2022
- SVG, sprite
- 4 reactions
Let’s try to remember why we needed SVG sprites in the first place, then see what other less-known options are available and how they might be useful.
- Nicolas Hoizey
- 13 December 2022
- image, SVG, WebPerf
- 14 reactions
- permalink
⚠️ Be carefull if you use SVGO or SVGOMG to optimize #SVG images using <symbol>s.

There's a bug that might remove them when it shouldn't:
https://github.com/svg/svgo/issues/1726
- Nicolas Hoizey
- 12 December 2022
- Core Web Vitals, WebPerf
- 3 reactions
- permalink
Of course we don't work on performance improvements only for Google, but the Search Console is our clients' main concern, so when it shows such a graph, it's satisfying for everyone! 🎉
- Nicolas Hoizey
- 5 December 2022
- regex
- 10 reactions
- permalink
I always forget how to extract the content of matching HTML tags with a REGEX, so here it is:
```
content.match(/<pre>(((?!<\/pre>).)*)<\/pre>/gs)
```
It uses negative lookahead.

(I know I should use the DOM API instead… 🤷‍♂️)
Henny Swan

Browsing with assistive technology videos
- Nicolas Hoizey
- 5 December 2022
- accessibility, video
- 4 reactions
Understanding how people with disabilities browse the web using assistive technologies (AT) is core to making an accessible and inclusive user experience.…
Tyler Sticka

Responsive Logo Composition With SVG
- Nicolas Hoizey
- 4 December 2022
- SVG, responsive
- 7 reactions
This is not a recent article, but it's still very useful, I should have shared it earlier! Logos are an ideal use-case for SVG. […] But what if we…
Jeff Posnick

How do you test a service worker, anyway?
- Nicolas Hoizey
- 4 December 2022
- PWA, Service Worker, test
- 5 reactions
if you're writing a service worker from scratch, if you're using one of Workbox's more exotic plugins or custom strategies, or if your service worker's…
Elaina Natario

Alt vs Figcaption
- Nicolas Hoizey
- 4 December 2022
- accessibility, HTML, image
- 7 reactions
While both the alt attribute and the figcaption element provide a way to describe images, the way we write for them is different. alt descriptions…
DNSimple

How HTTPS works
- Nicolas Hoizey
- 4 December 2022
- security, HTTPS, TLS
- 5 reactions
This is a nice little comic to understand HTTPS. Have you ever wondered why a green lock icon appears on your browser URL bar? And why is it important?…
Richard Ishida

Font styles & font fallback
- Nicolas Hoizey
- 3 December 2022
- language, font
- 10 reactions
This is a great page on the W3C site showing multiple languages requiring different font styles and fallback. Not everybody has to know all of this,…
Richard Hemmer

Why you should have your own website
- Nicolas Hoizey
- 2 December 2022
- IndieWeb
- 5 reactions
Don't wait for the next new platform to put all of those things into a walled garden - choose openness, interoperability and decentralization instead.…
Matthias Ott

Transient Frameworks
- Nicolas Hoizey
- 2 December 2022
- standards, HTML, CSS, JavaScript, framework
- 1 reaction
Many of the latest additions to HTML, CSS, and JavaScript first existed as JavaScript libraries or frameworks or pre-processors or polyfills and then…
Amy Hupe

A new barrier to communicating about design systems
- Nicolas Hoizey
- 1 December 2022
- Design System
the only thing more dangerous to a design system’s funding case than a lack of understanding of what it is, is a false understanding of what it is.…