Outils

AVIF and WebP are modern image formats that generally produce smaller file sizes compared to the widely used JPEG format. This post explains...

Developers often feel discouraged from editing SVG markup and experimenting with SVG animations, thinking it’s a significant time investment or they need to use a complex animation library to do so. In this article, Adrian showcases his favorite tricks, which make the process streamlined and fun.

Create Your Own @font-face Kits by uploading the fonts you want to use.

A look at variable fonts in real life. Everything’s here: practical examples, file optimization and accessibility benefits, and… the future!

Optimizing the size of images can have a bigger impact on performance than all other areas combined. In this article, Louis Lazaris covers different tools available for reducing the size of images.

Get set up with variable fonts on the frontend: properly load them, deal with settings, look at 'gotchas' and more!

At Google I/O 2023 we announced Baseline, learn more about this initiative and why we think it's important.

Learn to subset your web fonts easily with this node.js based tool.

Resolutions and aspect ratios should be the last things you worry about. See the match between the crop window and target use in the percentages.

Removing unused characters from a font can improve website performance. Use this site to find type foundries that support font subsetting.

Show me a 10ft paywall, I’ll show you a 12ft ladder.

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

An image dithering tool.

Une boîte à outils pour les freelances, dev en agence... et toutes les personnes qui veulent créer des sites de qualité.

Find the true size of an npm package

A quick and easy way to bundle, minify, and compress (gzip and brotli) your ts, js, jsx and npm projects all online, with the bundle file size.

An extensible text editor framework that does things differently

How to identify fonts in websites · in PDFs · in mobile apps · in images

Check that dns-prefetch, preconnect, preload, and prefetch browser resource hints are working correctly on your website.

Lint for your HTTP resources

Cartes open source pour voyageurs, touristes, cyclistes et randonneurs.

See how different network speeds affect site speed metrics. This tool is based on the simulated throttling feature in Lighthouse.

Identify any font with our font finder tool. Upload an image, and we’ll search our collection of over 133,000 fonts for the best match.

Using the CLI is the quickest way to get familiar with Unlighthouse and is recommended for new users.

System font stack CSS organized by typeface classification for every modern OS. The fastest fonts available. No downloading, no layout shifts, no flashes — just instant renders.