Design

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

A multidisciplinary designer with an eye for details.

calc() is a native CSS way to do simple math right in CSS as a replacement for any length value (or pretty much any number value). It has four simple math operators: add (+), subtract (-), multiply (*), and divide (/). Being able to do math in code is nice and a welcome addition to a language that is fairly number heavy.

The ultimate CSS tools for web designers … · Gradient Generator · Border Radius · Noise Texture · Box Shadow

Responsive Layouts for Email

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

(A List Apart: Articles)

The NEW Responsive 960 Grid CSS Framework That You’re Already Familiar With.

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

Print stylesheets can be a pain if you don’t know what you’re doing. Before you even approach one you need to make sure to do some solid research into how to go about it. Today we’re going to help you along by first discussing the conceptual considerations that you need t...

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

vitaly friedman's «the web developer's handbook»

What is freeCSScart? Imagine the ability to make a shopping-cart look the way you want. No, not just be able change the background color of a table, but completely change the form and function of a shopping cart with a switch of your css file. Now imagine

multiple backgrounds in css3