Grid System Generator » CSS Frameworks

CSS Framework Battle Royale

admin — Mon, 05 Apr 2010 12:59:20 +0000

CSS frameworks really speed up the web design and development process. We have designed sites with both the 960 grid system and blueprint before. There are a lot of differences between the five main css frameworks, which are discussed on this blog post.

PixelGrid – X

admin — Tue, 14 Jul 2009 13:15:48 +0000

PixelGrid – X is a grid system build by Jens Törnell.

The concept is different from the other gridsystems since it uses a .box class to define your margin.

A PixelGrid – X generator is coming soon!

MyCSS Grid system

admin — Sun, 12 Jul 2009 15:38:30 +0000

MyCSS grid system is a very simple CSS grid system that can be used for blogs and creative websites It also uses the best divine proportion in web design. The grid system is created by Kailoon.

Hartija – Css Print Framework

admin — Thu, 09 Jul 2009 11:08:51 +0000

Universal Cascading Style Sheets for web printing by uniting all best CSS printing practises into one.

emastic

admin — Sat, 04 Jul 2009 14:06:22 +0000

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.

Why should you use emastic?

It’s:

Lightweight (compressed weight less then 4kb)
Personalized width of the page in (em,px,%)
Use of fixed and fluid columns in the grid.
Elastic Layout with “em”s

Malo

admin — Sat, 04 Jul 2009 14:04:51 +0000

Malo is ultra small css library for building web sites.

It is meant to be structural base for small or medium web sites.

Malo derives from it’s bigger brother Emastic CSS Framework.

Why should you use Malo?

Because it’s:

Ultra small (compressed is 0,25 kb or 8 lines of CSS! )
Personalized width of the page in (%, px, em)
Super flexible.
Easy to use.

Bluetrip

admin — Wed, 01 Jul 2009 15:37:34 +0000

Bluetrip is a full featured and beautiful CSS (Cascading Style Sheets) framework which combined the best of Blueprint, Tripoli (hence the name), Hartija’s print stylesheet, 960.gs’s simplicity, and Elements’ icons, and has now found a life of its own.

BlueTrip gives you a sensible set of styles and a common way to build a website so that you can skip past the grunt work and get right to designing.

Blueprint

admin — Wed, 01 Jul 2009 15:35:59 +0000

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.

Simple Grid System

admin — Wed, 01 Jul 2009 15:29:03 +0000

The Simple Grid System is built upon two elements: rows and columns. To make the layout construction easier, there are gaps predefined between columns. And here comes first good news: these gaps are not going to cause you any trouble. Some additional features are infinite nesting and flexible grid units.

YUI Grids CSS

admin — Wed, 01 Jul 2009 15:14:54 +0000

YUI Grids 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.

Other features include:

Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number.
Supports easy customization of the width for fixed-width layouts.
Flexible in response to user initiated font-size adjustments.
Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
Layouts less than 100% are automatically centered.
Accommodates IAB’s Ad Unit Guidelines for common ad dimensions.
Offers full A-grade browser support.