=======================================================================
A lightweight (3kb) micro-framework, elegant and minimalistic CSS3 grid system, made with only one container and 12 columns. It`s very easy to use and understand, pre-packed with some extra css helpers for mobile devices.
Adapt to any screen size, including fluid media; images and video and pre-configured with 4 breakpoints, just to make your job easier.
Include in the package: PSD Template, HTML5 starting point file for fast development and two Sublime Text snippets for CSS grid and HTML file.
One line of Javascript turns your nav in a beautfull mobile optmized menu. Using HEAD.js to load others libs.
Very easy to use and understand, but a minimum knowledge of HTML & CSS must be required. Follow the steps...
-
We strongly recommend the use of the index.html file included in the download package.
-
So after the download, place your content like the example:
<div class="container"> <div class="col6"></div> <div class="col6"></div> </div>
* This code on render display a side by side column, ie your screen with two equal column.
-
You can play with your columns to fit your needs and adjust to your own design.
-
Visit our screencast page (coming soon)
Please welcome. We do not claim to be the best, we are just trying to help an open web and free, so feel free to test, send bugs, suggestions and contribute with code to improve this tool
Developer: feiochc@gmail.com Twitter: @newaeonweb Google Plus: Fernando Monteiro