Posted on

About a week ago a reader here named Andy Ford commented on the post 14 CSS Tools to Save you Time. Andy asked “why no mention of any CSS frameworks?”, well the truth is I really enjoy writing all on my own code and never looked into frameworks. But since I’ve heard these CSS Frameworks save lots of time and are fully tested in all browsers I decided to take a look at them and I put together a list of CSS Frameworks.

  • – Blueprint CSS framework created by Olav Bjorkoy is a framework that offers an easily customizable grid, sensible typography, and even a stylesheet for printing. A lot of the CSS in this project is completely based on work by other people, like: Jeff Croft , Nathan Borror, Christian Metts, and Eric Meyer. The Blueprint CSS Framework is available for use in all personal or commercial projects, under both the MIT and the GPL license.
  • – YAML aka “Yet Another Multicolumn Layout”, is an (X)HTML/CSS framework for creating modern and flexible floated layouts. YAML created by Dirk Jesse fully supports all IE versions. The YAML framework is published under the Creative Commons Attribution 2.0 License, which permits both private and commercial use. YAML is also very flexible and comes with a bilingual documentation. YAML even has a layout/css builder, that allows visual configuration of the basic layout elements, that is very cool.
  • – 960 Grid System created by Nathan Smith is a CSS framework for grids. The 960 Grid System’s purpose is to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. The reason for 960 pixels is because 960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. This makes it a highly flexible base number to work with.
  • UI Grid CSS – The entire YUI CSS foundation includes the Reset, Fonts, and Grids packages. It even contains a grid builder to allow for faster development. The Yahoo! UI Grid CSS supports easy customization of the width for fixed-width layouts.
  • – Logic CSS framework is a collection of CSS files and PHP utilities to cut development times for web-standards compliant xHTML layouts.
  • – ESWAT is web project framework kit that contains a folder structure and some pre-written components. The ESWAT framework is meant to remove the hassle of recreating the same folders, HTML tags, CSS rules, Photoshop guides, etc.
  • – Elements is a CSS Framework that was developed by Ben Henschel. It lets you write CSS easier, faster, more efficient, and allows you to organize all of your project files. Elements goes beyond being just a framework, it’s its own project workflow.

If you know any other frameworks please don’t hesitate to comment. Also if you extensively use any of these frameworks I would love to hear from you.

Tags: , , ,