Stylesheets for Printing

Jason from 37 Signals has a great post up on the Signal vs. Noise blog on how simple print stylesheets can be and still be effective. Basically using display: none; enmasse. People don’t need your header or your footer or …

Avatar of Chris Coyier
Chris Coyier on (Updated on )

Homebase, a Simple Free Template for All

If you are just getting started with CSS, a great way to begin is by downloading a template and playing around with things and seeing what happens. You have to be careful though, some templates are so overly complicated that …

Avatar of Chris Coyier
Chris Coyier on (Updated on )

ID’s Cannot Start With a Number

Tempted to use something like “1800number_box” for a ID? Don’t. Because it won’t work. Class identifiers are allowed to start with a number, but ID identifiers are not.

That is all.

BUT

If you have already existing HTML using it …

Avatar of Chris Coyier
Chris Coyier on (Updated on )

CSS3 Multiple Backgrounds Obsoletes Sliding Doors

With browsers that support the CSS3 Spec (Safari only at the time of this writing) there is no longer need for the sliding doors technique to create horizontally expanding elements that utilize background images. The ability to assign multiple background …

Avatar of Chris Coyier
Chris Coyier on (Updated on )

Designing For A Lightbox

The 37 Signals Blog, Signal vs. Noise, has a post about a month ago with an interesting observation:
“Designing for the iPhone is like a hybrid of print and web design.”

Their point was with the iPhone, you know the …

Avatar of Chris Coyier
Chris Coyier on (Updated on )

At @ Rule CSS

The default way to include an external stylesheet is to use the the link tag inside your pages head:

<link rel="stylesheet" href="default.css">

That is a tried and true method and supports the whole spectrum of browsers from old and ancient …

Avatar of Chris Coyier
Chris Coyier on (Updated on )

Expandable CSS “Note” Box

Creating vertically-expanding boxes is easy, just declare a width in your div CSS but no height. The div will expand to as large as it needs to be for the content inside. It gets a little more complicated if you …

Avatar of Chris Coyier
Chris Coyier on (Updated on )