The <img> element has attributes that make a real difference in performance: loading, decoding, fetchpriority, srcset and sizes. A practical guide to using them well.
Handsum: An LQIP Image File Format
Low Quality Image Placeholders (LQIPs) are very small (both in terms of file size and pixel dimensions) images that load very quickly, providing immediate visual feedback while full-resolution images load slowly in the background. They are small-in-file-size enough that it’s feasible to base64-encode and inline them into a web page, minimizing network round-trips and improving page load times.
The CSS Selection - 2026 Edition - Project Wallace
The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.
Preserving the Pixel Art Look in Web Content
Learn essential CSS techniques, scaling strategies, and design principles that preserve the crisp, totally-cool aesthetic of pixel graphics across high-resolution displays and responsive web environments.
10M Free Icons & Stock Photos | SVG & PNG | Download Today
🎨 Discover 10M high-quality SVG & PNG icons & stock photos for your next project. 🔍 Find the perfect icon or photo in seconds!
When and how to use the section element
So what on earth is a <section> element actually for? The answer isn’t as obvious as you might have hoped, but it’s definitely straightforward.
GRID: A simple visual cheatsheet for CSS Grid Layout
Learn all about the properties available in CSS Grid Layout through simple visual examples.
Your options for preloading images with JavaScript
There are a number of ways to preload an image on demand with JavaScript — each with their own strengths & drawbacks. Let's explore them.
CSS Generators: Your CSS code with less effort
A wide range of CSS Generators to build the future of the web. Add your setting, get your CSS code.
Frontend System Design: The Complete Guide 2026
Learn how to approach frontend System Design interviews with real-world architecture patterns, scalability strategies, and practical examples used by top tech companies.
Text to Image Leaderboard - Top AI Image Models
Find the best Text to Image models, see rankings from blind votes, and compare quality, generation speed, and price in one leaderboard.
Squoosh
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
Stefan Judis
Well... 🫣 Today I learned there's a CSS `zoom` property that scales an element's visual appearance and (!) layout. I can't be the only one hearing about this for the first time, right? stefanjudis.com/today-i-learned/css-zoom-to-s…