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.”

I wrote A Modern CSS Reset almost 4 years ago and, yeh, it’s not aged overly well. I spotted it being linked up again a few days ago and thought it’s probably a good idea to publish an updated version. I know I also have a terrible record with open source maintenance, so I thought […]

This article is the first of two parts about a guide to making websites accessible to keyboard users. Here Cristian Diaz covers a good set of practices and recommendations on how to use HTML and CSS to create a great experience for keyboard users.

How an emerging CSS standard can fix old problems and raise the bar for web apps

A handy article on Vertical Rhythm and Modular Scale with Viewport Units.

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

A folding grid for responsive design.

… adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.

«So what are the options for implementing web fonts? I'm going to review the three main methods of incorporating @font-face and explain the pros and cons of each method. […]»

… a Beautiful Boilerplate for Responsive, Mobile-Friendly Development […] a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.

«[…] 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…

PSD nach XHTML/CSS, Wordpress, TYPO3, Joomla, …

… that will save your day

… css layouts, visual effects and forms

The gallery of the most prestigious websites in the world created with CSS. An international jury of the top designers, agencies, and bloggers will award prizes to the best CSS websites.

(about CSS performance)

Andrew Clarke shares a case study highlighting the benefits of progressively enhanced web design. Ever wondered how to convince your clients to let you use cutting edge web techniques? It may be simpler than you think.

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

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.