9 CSS frameworks for faster templates building

Frameworks are already widely used for Javascript or PHP development, and it is getting popular for CSS templating. It improves your workflow and lets you set up templates quickly with cross-browser compatibility in mind. Here is nine frameworks to make templating faster.

• Blueprint
  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.
• SenCSs
  Supplies sensible styling for all repetitive parts of your CSS, allowing you to focus on actually developing your website’s style.
• YAML
  “Yet Another Multicolumn Layout” (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.
• Elements
  Elements is a collection of folders and files that help you work faster. It was made to fit into your exsisting workflow, or be its own workflow.
• WYMstyle
  Provide a set of well-tested modular CSS files, that can be used for fast design of web sites.
• YUI Grids CSS
  Offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations.
• Content with Style
  Allowing rapid development of sites with pre-written and tested components.
• Boilerplate
  Stripped down framework which provides the bare essentials to begin any project. This framework will be lite and strive not to suggest un-semantic naming conventions.
• Tripoli
  Completly resets all default browser standards and rebuilds them quietly with modern web development in mind.

16 Votes, Rating: 4.25

29 responses so far!

• 1 Honour Chick ~ Dec 30, 2008 at 1:08 am

  great list… thxs

• 2 Ashish ~ Dec 30, 2008 at 5:35 am

  Thanks for the comprehensive list

• 3 9 Frameworks CSS | taggle.org ~ Dec 30, 2008 at 7:04 am

  [...] Une orgie de frameworks CSS sur CSS Orgy (enfin seulement 9 cette fois) [...]

• 4 Vladimir ~ Dec 30, 2008 at 7:18 am

  I think you are missing Emastic http://code.google.com/p/emastic/. I build 8 templates in 30 min.

• 5 kenroy george ~ Dec 30, 2008 at 8:15 am

  nice list. need to get around to using a few of these. i’ve always done everything from scratch. maybe i could shave a few hours of labor off with these.

  thanks,
  kenroy

• 6 sgarza ~ Dec 30, 2008 at 1:25 pm

  I think you forgot Elastic CSS too
  http://elasticss.com

• 7 cscsaba ~ Dec 30, 2008 at 2:31 pm

  Hello guys,

  I have some questions on css frameworks in common.
  Why all the css frameworks deal with grids ?
  - Why horizontal and vertical centering is missing from the frameworks ?
  - What are the grids and its benefits ?

  Thanks in advance

  cscsaba

• 8 Daily Links | AndySowards.com :: Professional Web Design, Development, Programming, Hacks, Downloads, Math and being a Web 2.0 Hipster? ~ Dec 30, 2008 at 5:18 pm

  [...] CSS Orgy » Blog Archive » 9 CSS frameworks for faster templates building Good CSS Frameworks for Better and Faster Template Building! (tags: webdesign layouts tools CSS templates examples framework template) [...]

• 9 Design links for the week | Design daily news ~ Jan 4, 2009 at 1:09 am

  [...] 9 CSS frameworks for faster templates building Good resources to improve your workflow. [...]

• 10 Raymond Selda ~ Jan 4, 2009 at 9:37 am

  Nice article but I think you missed 960.gs, my all-time favorite CSS grid framework. Anyway thank you for this post.

• 11 Ronny ~ Jan 4, 2009 at 11:31 am

  Agree with Raymond here. I used Blueprint earlier, but when I discovered 960 (http://960.gs), I’ll never go back!

• 12 Marcus André ~ Jan 4, 2009 at 11:35 am

  What about the 960 Grid System?

  greets from Germany

• 13 CSS Ninja ~ Jan 4, 2009 at 5:04 pm

  Unobtrusive CSS Framework seems to have met all my needs so far. Very flexible.

• 14 Harry Roberts ~ Jan 5, 2009 at 1:21 am

  What about Typogridphy (http://csswizardry.com/typogridphy/)

• 15 CSS NEWS - A quick catchup - The Frog Blog - Web Design blog ~ Jan 5, 2009 at 4:21 am

  [...] 9 CSS frameworks for faster templates building [...]

• 16 Fred Riley ~ Jan 5, 2009 at 6:47 am

  Thanks very much for this list. Despite being a web developer for over a decade I’d no idea that CSS frameworks existed, let alone that they were so damn useful. Up to now I’ve coded every bit of CSS painstakingly by hand, and a time-consuming eye-scrunching business it is too. Many of these frameworks look like they could save me an awful lot of time, much as Javascript frameworks like jQuery save time coding client-side interactivity, plus they give me some nice layout ideas. Good stuff

• 17 Frameworks en CSS  | Isopixel ~ Jan 5, 2009 at 9:50 am

  [...] Breves 9 frameworks en CSS para construir plantillas mas rápidoLink] [...]

• 18 Jason E. Rist ~ Jan 5, 2009 at 11:28 am

  Bluetrip is a great combo of Tripoli and Blueprint. http://capsizedesigns.com/blog/2008/04/bluetripcss-a-fusion-of-blueprint-and-tripoli/

• 19 Student Geeks - CSS frameworks for faster templates building ~ Jan 9, 2009 at 12:58 am

  [...] Read list [...]

• 20 CSS Orgy » Blog Archive » 5 more CSS frameworks ~ Jan 11, 2009 at 8:20 am

  [...] De Iuliis – 14 votes9 CSS frameworks for faster templates building – 10 [...]

• 21 Timothy ~ Jan 15, 2009 at 6:54 am

  Blueprint is pretty cool, but I prefer not to use a CSS framework

• 22 links for 2009-01-15 « Jeffrey Isham ~ Jan 15, 2009 at 4:02 pm

  [...] CSS Orgy » Blog Archive » 9 CSS frameworks for faster templates building (tags: webdesign css tools) [...]

• 23 *real me » Bookmarks on 2009-01-16 ~ Jan 15, 2009 at 6:23 pm

  [...] 9 CSS frameworks for faster templates building [...]

• 24 16012009 « cssguy ~ Jan 16, 2009 at 3:57 am

  [...] 9 CSS frameworks for faster templates building [...]

• 25 CSS Orgy » Blog Archive » 10 great tools for working with HTML & CSS ~ Feb 10, 2009 at 1:29 pm

  [...] 9 CSS frameworks for faster templates building – 15 votes [...]

• 26 10 mejores herramientas para trabajar con HTML y CSS | Cosas sencillas ~ Feb 12, 2009 at 8:13 pm

  [...] trabajo con HTML y CSS pueden tomar bastante tiempo, a veces, no es suficiente los CSS frameworks para ayudarle a ahorrar tiempo con el diseño base, tambien es de agradecer todo tipo de [...]

• 27 kurinchi blogger ~ Mar 17, 2009 at 7:51 pm

  good collection of tools

• 28 shaggy ~ Nov 16, 2009 at 9:21 pm

  This one is the best of all time.
  http://simpl.romack.net/

• 29 waqas ~ Dec 12, 2009 at 1:46 am

  wow! nice work and great list