When I first heard Nicole Sullivan talk about OOCSS, I thought “Oooh, smart.” When I read Jonathan Snook’s riff on that idea in SMACSS I thought “Oooh, smart.” When I heard Harry Roberts say “never use IDs in your CSS files” I said “Oooh, smart.”

Learn how to build an interactive animated infographic using SVG, CSS and JavaScript.

(A List Apart: Articles)

For the record: It’s super important for us to keep this site 100% free for you and 100% high quality. To help us do that, we’ve partnered with some of

«[…] The more I work with flexible images & grids and media queries, the more I appreciate what can be achieved. […]»

The Google Font Directory lets you browse all the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.

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…

In our last article about CSS3, ["Pushing Your Buttons With Practical CSS3](https://www.smashingmagazine.com/2009/12/02/pushing-your-buttons-with-practical-css3/), we talked about using new CSS3 techniques like gradients, border-radius and drop-shadows to create compelling, flexible and (in some cases) hilarious buttons.

This post is about 5 useful CSS properties that you should be very familiar with, but will most likely rarely use. I’m not talking about the new fancy CSS3 properties. I’m referring to the old CSS2 properties such as: clip, min-height, white-space, cursor, and display that are widely supported by all browsers. So, don’t miss […]

Enter the URL of any CSS file to view and modify its color spectrum

… with Cross-Browser CSS & No Hacks

... a free online font comparison tool. It allows you to easily preview and compare different fonts side by side with various CSS font styles applied to them.

... is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.

... let’s you flip through, preview and compare web typography while retrieving the CSS

das schönste aus dem web

The Grid Layout Javascript enables web-developers to stick to a Grid Layout quickly and simply by including the Grid Layouts Javascript file and simple XHTML code. Currently, the Grid Layouts Javascript relies on jQuery.

… a strategy for web design that emphasizes accessibility, semantic markup, and external stylesheet and scripting technologies.