Grid System Generator » CSS Frameworks

Less Framework 3

admin — Thu, 16 Dec 2010 13:40:13 +0000

Less Framework is a cross-device CSS grid system based on using inline media queries.

The idea is to first create a default layout normally, and then additional layouts using inline media queries. Any browsers incompatible with media queries will simply ignore all the additional layouts, and will only use the default one. The additional layouts will inherit any styles given to the default layout, so coding them is a breeze.

All four of the layouts included in Less Framework share a common column-width and gutter-width, which makes it easy to design them consistently. Also included are two sets of typography presets, composed around a baseline grid of 24 px.

52framework

admin — Wed, 15 Dec 2010 12:49:09 +0000

52Framework – first ever html5 and css3 framework.

The framework from the future, HTML5 and CSS3 framework that supports all browsers used today! Start using this exciting technology now! Brought to you by the enavu network

27 Of The Best CSS And HTML Frameworks Available To Download

admin — Mon, 13 Dec 2010 16:34:52 +0000

Great collection of CSS and HTML Frameworks!

A 1140px wide, 12 column grid. Fluid all the way down to a mobile version.

admin — Mon, 13 Dec 2010 16:24:36 +0000

The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.

Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense.

Scrap 1024! Design once at 1140 for 1280, and with very little extra work, it will adapt itself to work on just about any monitor, even mobile.

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.