Skip to content

Latest commit

 

History

History
64 lines (37 loc) · 2.33 KB

README.md

File metadata and controls

64 lines (37 loc) · 2.33 KB

Responsive Boilerplate

A starting point to responsive web design!

=======================================================================

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.

Features

Cross Browser.

Adapt to any screen size, including fluid media; images and video and pre-configured with 4 breakpoints, just to make your job easier.

Sublime text Snippets.

Include in the package: PSD Template, HTML5 starting point file for fast development and two Sublime Text snippets for CSS grid and HTML file.

Mobile AeonNav Optimized.

One line of Javascript turns your nav in a beautfull mobile optmized menu. Using HEAD.js to load others libs.

How to use

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)

Contribute

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

More Infos

www.responsiveboilerplate.com

Developer: feiochc@gmail.com Twitter: @newaeonweb Google Plus: Fernando Monteiro