Preserving the Pixel Art Look in Web Content

Responsive Web Design

Designers have coveted print for its precision layouts, lamenting the varying user contexts on the web that compromise their designs. Ethan Marcotte advocates we shift our design thinking to approp…

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.

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.

JS IMAGE CARVER

Content-aware image resizer based on Seam Carving algorithm

TinyPNG – Compress AVIF, WebP, PNG and JPEG images

Free online image optimizer for faster websites! Reduce the file size of your AVIF, WEBP, JPEG and PNG images while preserving the image quality.

Realtime Colors

Visualize your color palettes on a real website.

Browse Fonts - Google Fonts

Making the web more beautiful, fast, and open through great typography

WebTiles

Create a tiny 250x250 website with neighbors around you.

Water.css

A drop-in collection of CSS styles to make simple websites like this just a little bit nicer.

Sora's Pixel Converter - Retro Pixel Art Generator

Convert images into pixel art with a retro Windows 95-style interface.

CSS Formatter, CSS Beautifier and CSS Minifier Online tool

Best Online CSS Formatter, CSS Beautifier, CSS Minifier, Save and Share CSS. Simple Quick and Fast!

7.css

A design system for building faithful recreations of the Windows 7 UI.

The small web is beautiful

A vision for the "small web", small software, and small architectures.

Practical guide to the <img> element: from the basics to LCP | Joan León

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.