Monthly Shaarli

All links of one month in a single page.

March, 2020

"Embracing modern image formats", Josh W Comeau (@JoshWComeau)

I'm pretty happy to have cut the size of images on my blog by ~50%. In addition to the benefits to user experience at a critical time, I'm also expecting that this'll save me some money in terms of bandwidth.

Mazeletter
thumbnail

Mazeletter is a collection of nine infinitely tiling maze pattern fonts.

"Intersection Observer API Makes Lazy Loading a Snap", Leonardo Maldonado (@leonardomso)
thumbnail

One of the advantages of this API is that you don't have to use a library for this kind of job anymore. The majority of browsers are providing a lot of support for some of the newest and awesome APIs, and this has been improving the experience for users in general, allowing developers to use some native browser APIs and reducing their final code bundle.

https://0.30000000000000004.com/

Your language isn't broken, it's doing floating point math. Computers can only natively store integers, so they need some way of representing decimal numbers. This representation comes with some degree of inaccuracy. That's why, more often than not, .1 + .2 != .3.

IEEE-754 Floating Point representation explained

A great IEEE 754 visualization

"Improving perceived performance with the CSS `font-display` property", Matt Hobbs (@TheRealNooshu)

And there you have it, a way to change the font-display settings of a page when using WebPageTest. No need to manually update the code to see what effect the property has on a pages perceived performance.

"Le Time To First Byte : l’indicateur webperf qui mesure le temps de réponse du serveur", Sarah Salis (pour @Fasterize)
thumbnail
SVG Backgrounds: customizable, scalable Backgrounds
thumbnail

SVGs enable full-screen hi-res visuals with a file-size near 5KB and
are well-supported by all modern browsers. What's not to love?

"Setting Height And Width On Images Is Important Again", Barry Pollard (@tunetheweb)
thumbnail

I love improvements that just work without any effort required of website owners. […] The less friction we can add to introduce these improvements, the more likely they will be adopted, and there’s no better friction than none at all! Fixing the impact of layout shifts on users for responsive images seems to be one such improvement and the web is all the better for it.

"Use web workers to run JavaScript off the browser's main thread", Surma (@DasSurma)
thumbnail

To make sure our apps are as reliable and accessible as possible, especially in an increasingly globalized marketplace, we need to support constrained devices—they're how most users are accessing the web globally. OMT offers a promising way to increase performance on such devices without adversely affecting users of high-end devices.

"!!Con 2019- Tail Call Optimization: The Musical!!" by Anjana Vakil (@AnjanaVakil) & Natalia Margolis (@nsmargolis)
thumbnail

15 years of development experience and I still don't know how to handle recursive calls by default. Lack of practice, no doubt. I’ve found no better explanation than these songs!

"Why Svelte is our choice for a large web project in 2020", Ryan Atkinson (@ryanatkn) #svelte #spa

Svelte provides an enjoyable DX that doesn’t compromise on UX. I think it’ll soon become common knowledge among UI developers that compilers have an advantage over runtime-only frameworks for hitting this sweet spot.
[…]
We’re happy to pay the costs of early adoption when a technology provides significant advantages, and that’s our bet for Svelte.

"The performance benefits of Variable Fonts", Mandy Michael (@Mandy_Kerr)

Variable fonts reduce the overall combined file size and automatically reduce the number of network requests by simply being a variable font.
Even if you consider the slightly larger file sizes, when combined with improved font compression formats like WOFF2, font subsetting and font loading techniques like font-display: swap; we end up in a situation where we can still get smaller overall font file sizes as well as a significant increase in stylistic opportunity.

"Les outils de surcouche d’accessibilité web : mensonges et boules de gommes", Julie Moynat (@juliemoynat)
thumbnail

Sans accessibilité réelle, ces outils ne fonctionnent pas bien. Sans accessibilité réelle, les personnes handicapées seront toujours handicapées par l’inaccessibilité des sites web. C’est une aberration de vendre ces outils en les opposants à la mise en accessibilité d’un site web. Oui, c’est moins cher mais c’est parce que ce n’est pas du tout la même chose. La magie n’existe pas.