My stylesheets

After documenting my Textpattern setup and forms, I’ve had inquiries for some documentation of my stylesheets. I strive to cleanly separate markup from behavior and presentation here at danboe.net, and I have broken my stylesheets into different files that each serve a specific purpose. This keeps things relatively tidy, allows me to focus on specific needs in specific files, and lays a pretty good foundation for extending my stylesheets down the road for additional theme ideas, new devices, and so on.

Screen

This stylesheet is essentially the core styles responsible for the layout of the site, including positioning, fonts, margins, padding, borders, etc. I try not to keep styles associated with layout in this file.

css/screen.css not found.

Theme

This stylesheet defines the decoration or theme of the site, primarily defining things like color and background images. At some point I hope to either get a little fancier with the theme, and possibly by introducing a small number of themes visitors can choose from, or I may just get rid of the theme all together and stay crisp and clean.

css/default/_styles.css not found.

For handheld devices

This stylesheet applies additional instructions that override the other styles for visitors who come to my site via a handheld device, and allows me to alter the layout or presentation to meet needs specific to the typically smaller form factor present in these devices.

css/handheld.css not found.

For printing

This stylesheet provides additional overriding styles when pages on my site are printed. You can choose to print preview this or any of my pages to see the difference.

css/print.css not found.

Next post (newer)

The Tipping Point: How Little Things Can Make a Big Difference

Previous post (older)

The Secret Man: The Story of Watergate's Deep Throat