Lightweight Responsive CSS Grid System, build to be Simple Fast and Intuitive, only 1kb minified.
CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
images
templates starting re-building everything Nov 4, 2013
.gitignore
LICENSE.md
README.md
index.html

README.md

ResponsiveAeon, elegant & minimalistic CSS grid system!

Simple, fast and intuitive! this matter!

SASS and LESS are awesome tools, Grunt.js and Node.js kick ass, but what about the beginners?


A simple and minimalist alternative to start with Responsive Design and fluid Grids for WebDesigners.

Features:

  • Extreme simple responsive grid system based on 12 columns layout.

  • Only one CSS file.

  • Ease names to remember, col + 1 = col1. So just: col1, col2, col3 and goes on.

  • Friendly warning to OLD browsers.

  • Include AI and PNG templates for Designers.

  • Include HTML5 index example file.


Folder & File Structure:

CSS - folder (aeon-grid.css, aeon-grid.min.css).

JS - folder (Place your Scripts Here).

Images - folder (favicon.ico and iphone icons).

Templates - folder (Ai, Png files).


Quick start

1. Include the CSS stylesheet on your own HTML file or use our index file.

<link rel="stylesheet" type="text/css" media="all" href="css/aeon-grid.css" />

2. Compose the HTML like the example.

<div class="container">
    <div class="content">
        <!--Do all your markup here between content class-->
        <div class="col6"></div>
        <div class="col6"></div>
        <div class="col4"></div>
        <div class="col4"></div>
        <div class="col4"></div>
    </div>
</div>

3. Done! there's no more to learn. Simple, Fast and Intuitive.


More infos on: http://www.newaeonweb.com.br/responsiveaeon/

A simple demo can be checked here: http://www.newaeonweb.com.br/responsiveaeon/demo/demo.html

Enjoy and contribute!

Bitdeli Badge