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: , , ,


42 thoughts on “List of CSS Frameworks

  1. Pingback: dooz » Blog Archive » Eine Liste von CSS Frameworks

  2. A little bit different from a framework, but also very cool is TRIPOLI. Further I use Blueprint, YAML and the 960 Grid System in my projects. Nice list, greets from germany.

  3. I tried most of the frameworks mentioned above. And they are doing there job well concerning general layout purposes. But when it comes to typography, the Tripoli framework cuts the cake. Very beautiful code and very simple to apply to any already existing layout.

  4. Hey Brett. It’s me “Adam Ford”… only my name is actually Andy Ford! (can you correct that please?) =)

    I also noticed that under Blueprint CSS, “Jeff Croft” is listed as “Jeff Crof”

    There’s a list of css frameworks at wikipedia: http://en.wikipedia.org/wiki/List_of_CSS_frameworks

    Found a few I hadn’t ran across before including:

    WYMstyle – I haven’t audited it in detail yet, but I don’t see myself using it (although I’m sure it could be good for some) http://www.wymstyle.org

    Taffy – The wikipedia link is broken, but I tracked it down here: http://code.google.com/p/taffy-css-framework/

    Personally, I take bits and pieces mostly from the Eric Meyer Reset, BlueprintCSS, and YUI. And then I add some styles of my own. I hope to be releasing an extended css reset (I hesitate to call it a ‘framework’) in the very near future.

    Thanks for the list. It’s great to see css devs coming up with reusable code and publicly releasing it. We all benefit from it

  5. Hey Andy, I totally apologize for that. And its good to hear from you and thanks to adding to the list. I will check them out.
    Also Its great to hear from everyone that commented.

  6. Pingback: roScripts - Webmaster resources and websites

  7. Pingback:   links for 2008-04-18 by Il Blog di Marchino

  8. Pingback: links for 2008-04-18 | Moewes.com

  9. Pingback: IT??????? » CSS Framework???????

  10. Pingback: rascunho » Blog Archive » links for 2008-04-18

  11. Pingback: links for 2008-04-18 « toonz

  12. It’s not a full framework, but I’m finding Uni-From (http://dnevnikeklektika.com/uni-form/) to be useful for quickly styling forms and making the process less tedious.

    Also, you mention the YAML Builder, but there are similar layout generators for some of the others as well. They aren’t necessarily associated directly with the projects, but I know I’ve seen generators for Blueprint and YUI. I wouldn’t be surprised if the others have them as well.

  13. Pingback: 21 Nisan 2008 web’den seçme haberler » Tekil Yaz? » Fatih Hayrio?lu'nun not defteri

  14. Pingback: css frameworks - Volkan ?entürk

  15. Pingback: CSS Frameworks | milo

  16. Pingback: usefull web development resources for this weekend : reinventar

  17. Pingback: Broken Pick » Blog Archive » CSS Framework CSS??????

  18. Pingback: ?R: webdev » ????? ????? » ??? ???????? ??????

  19. Pingback: callmebird » Blog Archive » CSS Frameworks

  20. Pingback: Useful CSS related links - MikkoLehtinen.com

  21. Pingback: CSS Framework | ????

  22. Pingback: Web Wisdom » Blog Archive » » The latest CSS tools

  23. PRESERVANCE GROUP,is proficient web development and software solution company based in New Delhi,the capital of India.We offer a extensive range of services to reach your targeted spectators and carve up your valuable information focusing on retaining your customers.Our service includes Web application development,Website Designing,Corporate profiles and presentations,E-commerce solutions,Application development,maintenance,and re-engineering,Mail gateways,Web hosting solutions,Search Engine Optimization,and Flash development.
    SEO Indore.

  24. I loved as much as you will receive carried out right here.
    The sketch is tasteful, your authored material stylish.
    nonetheless, you command get got an edginess over that you wish be delivering the following.
    unwell unquestionably come further formerly again as
    exactly the same nearly a lot often inside case you shield this increase.

  25. {design|style|layout|design and style|pattern|style and design|structure|model|type|develop|create|theme|fashion|product|plan|build|development|designing|artwork|make|concept|creation|form|unit|building|feature|innovation|design|design and production
    new jordan retro release 2012 new jordan sneakers for girls http://www.havefunstayinghard.net/shop/new-jordan-retro-release-2012-new-jordan-sneakers-for-girls.html

  26. I am glad for writing to let you know what a outstanding discovery my cousin’s daughter developed going through your webblog. She even learned so many issues, most notably what it’s like to possess an amazing coaching spirit to get certain people without difficulty know precisely a number of tricky issues. You really exceeded people’s expectations. Thank you for distributing the essential, trustworthy, edifying and unique thoughts on this topic to Evelyn.

  27. Pingback: express clothing

  28. Pingback: whatsthetimemrwolf.co

Leave a Reply

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