Propeople Blog

A regular dose of fresh news, events, products, Drupal development resources and more.

October 20, 2010

Top 20 CSS Frameworks

Cascading Style Sheets (CSS) is a style sheet language used to style web pages written in HTML and XHTML. In other words, CSS is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents.

Although CSS is considered a relatively easy language, there are numerous frameworks that make the coding process a lot faster and accurate. This post includes a collection of Top 20 CSS Frameworks. Browse it and pick up your favorite, or recommend a framework that is not listed here. Enjoy!

BluePrintCSS


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

960 Grid System


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. check it out

ElastiCSS


A simple css framework to layout web-based interfaces, based on the printed layout techniques of 4 columns but with capabilities to unlimited column combinations. and capacity to make elastic, fixed and liquid layout easily. check it out

YUI Grid CSS


The foundational 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. check it out

Elements CSS


Elements is a down to earth CSS framework. It was built to help designers write CSS faster and more efficient. Elements goes beyond being just a framework, it's its own project workflow. check it out

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. check it out

jQuery UI CSS


jQuery UI includes a robust CSS Framework designed for building custom jQuery widgets. The framework includes classes that cover a wide array of common user interface needs, and can be manipulated using jQuery UI ThemeRoller. check it out

xCSS


xCSS bases on CSS and empowers a straightforward and object-oriented workflow when developing complex style cascades. Using xCSS means a dramatic cut down to your development time by: having a intuitive overview of the overall CSS structure, using variables, re-using existing style cascades and many other handy features. check it out

Baseline


Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. check it out

52Framework


52framework claims to be the first CSS3/HTML5 framework. Properties: 16 column, 52 pixel based with 8 pixel gutter. check it out

Tripoli Framework


Tripoli is a generic CSS standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects. check it out

BlueTrip


A full featured and beautiful CSS framework which originally combined the best of Blueprint, Tripoli (hence the name), Hartija, 960.gs, and Elements, but has now found a life of its own. check it out

SenCSS


SenCSS stands for Sensible Standards CSS baseline, (pronounced "sense"). It supplies sensible styling for all repetitive parts of your CSS, and doesn't force a lay-out system on you. This allows you to focus on actually developing your website's style. check it out

LogicCSS


The Logic CSS framework is a collection of CSS files and a toolset designed to cut development times for web-standards compliant web layouts and templates. check it out

Typogridphy


Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts. Based on the popular 960 Grid System, Typogridphy allows you to create grid layouts which are versatile and great looking. Typogridphy is made of fully validate, semantic and strict xHTML, and validate CSS. check it out

Content with Style


A framework that allows rapid development of sites with pre-written and tested components. check it out

Mollio


Mollio is a simple set of html/css templates. The aim was to create a set of page templates that use css for layout as well as some sample basic content which has also had some css applied. check it out

FEM CSS Framework


FEM CSS Framework is a 960px width + 12 column grid system + CSS common styles, to easy and fast develop web layouts. It is based in the 960 Grid System, but with a twist in the philosophy to make it more flexible and faster to play with boxes. check it out

Unobtrusive CSS


A very lightweight and simple framework that helps you develop a solid firmament for your website. check it out

Emastic


Emastic is a CSS Framework, it's continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before. check it out

Comment to suggest your favorite CSS Framework. Don't miss a post, subscribe to our RSS feed and follow us on Twitter.

0 Responses to this post

Communicate!