CSS Stylesheet Frameworks

Based in part by Paul Spencer.

As Web Developors we are usually in the business of designing web pages that contains all kinds of content. While limiting myself to plain HTML tags and avoiding any kind of color/style decisions is usually a wise idea, sometimes its nice to put some effort into the web page beyond the absolute minimum.

For those of us that are, um, designed-challenged, using a CSS framework is a great place to start. Paul recently found a couple of them that might be of interest:

http://code.google.com/p/blueprintcss/

“Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.”

http://960.gs/

“The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.”

Both frameworks provide a fixed column grid based on a fixed width of 960 pixels, and blueprint adds some decent choices for colors, styles etc.

Paul put together a simple (non-mapping) page using blueprint after about 5 mins of reading the tutorial and was pretty happy with the result.

I haven’t tried 960.gs yet but it seems similar in concept and probably more appropriate if you just want the layout part.

I haven’t researched other CSS frameworks so there’s probably something better out there if you care to look.

One thought on “CSS Stylesheet Frameworks

  1. I didn’t know where to put this, I tried to send you an email but the email program gave an error. Anyway, I saw your question on Mark .Net blog about custom Button Templates, and I worked through the code and came up with something that works. If you want I can email the code to you. The blog doesn’t allow me to paste in XAML code.

    Chuck Summers
    summers.chck@gmail.com

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.