Outils

292 bookmarks
Custom sorting
AVIF and WebP encoding quality settings
AVIF and WebP encoding quality settings
AVIF and WebP are modern image formats that generally produce smaller file sizes compared to the widely used JPEG format. This post explains...
·industrialempathy.com·
AVIF and WebP encoding quality settings
Easy SVG Customization And Animation: A Practical Guide — Smashing Magazine
Easy SVG Customization And Animation: A Practical Guide — Smashing Magazine
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.
·smashingmagazine.com·
Easy SVG Customization And Animation: A Practical Guide — Smashing Magazine
Powerful Image Optimization Tools — Smashing Magazine
Powerful Image Optimization Tools — Smashing Magazine
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.
·smashingmagazine.com·
Powerful Image Optimization Tools — Smashing Magazine
Introducing Baseline
Introducing Baseline
At Google I/O 2023 we announced Baseline, learn more about this initiative and why we think it's important.
·web.dev·
Introducing Baseline
CropScore: An Online Image Cropper for Content Creators
CropScore: An Online Image Cropper for Content Creators
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.
·cropper.madza.dev·
CropScore: An Online Image Cropper for Content Creators
12ft – Hop any paywall
12ft – Hop any paywall
Show me a 10ft paywall, I’ll show you a 12ft ladder.
·12ft.io·
12ft – Hop any paywall
CSS Web Safe Fonts
CSS Web Safe Fonts
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.
·w3schools.com·
CSS Web Safe Fonts
Dither it!
Dither it!
An image dithering tool.
·ditherit.com·
Dither it!
Boîte à outils - Bien Cool
Boîte à outils - Bien Cool
Une boîte à outils pour les freelances, dev en agence... et toutes les personnes qui veulent créer des sites de qualité.
·biencool.fr·
Boîte à outils - Bien Cool
pkg-size
pkg-size
Find the true size of an npm package
·pkg-size.dev·
pkg-size
Lexical
Lexical
An extensible text editor framework that does things differently
·lexical.dev·
Lexical
Resource Hint Validator
Resource Hint Validator
Check that dns-prefetch, preconnect, preload, and prefetch browser resource hints are working correctly on your website.
·debugbear.com·
Resource Hint Validator
REDbot
REDbot
Lint for your HTTP resources
·redbot.org·
REDbot
Lighthouse Simulator
Lighthouse Simulator
See how different network speeds affect site speed metrics. This tool is based on the simulated throttling feature in Lighthouse.
·debugbear.com·
Lighthouse Simulator
WhatTheFont | MyFonts’ AI-Powered Font Finder
WhatTheFont | MyFonts’ AI-Powered Font Finder
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.
·myfonts.com·
WhatTheFont | MyFonts’ AI-Powered Font Finder
Modern Font Stacks
Modern Font Stacks
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.
·modernfontstacks.com·
Modern Font Stacks