Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
64 lines (52 sloc) 2.24 KB
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>Responsive Grids: bring some grids to your media queries</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="http://github.com/zigotica/Responsive-Grids"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
<section>
<h1><a href="http://github.com/zigotica/Responsive-Grids">Responsive Grids</a>
<small>by <a href="http://zigotica.com">zigotica</a></small></h1>
<p class="summary">Responsive Grids is a very basic template that allows you to create a responsive design structure for
different screen resolutions using Media Queries, Grids and Baselines.</p>
<h2>How to use</h2>
<ol>
<li>calculate your preferred columns width and gaps at http://grids.heroku.com/
<li>iterate for each design you want to serve through media queries
<li>describe grids measurements within each media query in your css (see example)
<li>establish a main baseline or one baseline per media query
<li>resize window to see the corresponding grid design
</ol>
<h2>Dependencies</h2>
<ul>
<li>none
</ul>
<h2>Download</h2>
<p>You can get this project using one of the following methods:</p>
<ul>
<li>download as <a href="http://github.com/zigotica/Responsive-Grids/zipball/master">zip</a>,
<li>download as <a href="http://github.com/zigotica/Responsive-Grids/tarball/master">tar</a>,
<li>clone the project with <a href="http://git-scm.com">Git</a> by running:
</ul>
<pre>$ git clone git://github.com/zigotica/Responsive-Grids</pre>
</section>
<aside>
<h2>Status</h2>
<p>Still under development</p>
<h2>Authors</h2>
<ul>
<li>Sergi Meseguer, <a href="http://zigotica.com">zigotica</a>
</ul>
<h2>Contact</h2>
<ul>
<li>Sergi Meseguer (zigotica@gmail.com)
</ul>
</aside>
<footer><small>get the source code on GitHub : <a href="http://github.com/zigotica/Responsive-Grids">zigotica/Responsive-Grids</a></small></footer>
<script src="responsive-grids.js"></script>
</body>
</html>