Skip to content

Instantly share code, notes, and snippets.

@mirisuzanne

mirisuzanne/susy.html

Created July 19, 2009 19:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mirisuzanne/150011 to your computer and use it in GitHub Desktop.
Save mirisuzanne/150011 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
susy.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Susy :: A Grid Plugin for Compass</title>
<link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" charset="utf-8">
</head>
<body>
<div id="page">
<div id="brand" class="header">
<h1>Susy: A Compass Plugin</h1>
</div><!--/#brand-->
<div id="nav" class="nav">
<ul>
<li><a href="http://github.com/ericam/compass-susy-plugin/#readme">Download</a></li>
<li><a href="http://www.oddbird.net/susy/tutorial">Learn</a></li>
<li><a href="http://github.com/ericam/compass-susy-plugin/">Get Involved</a></li>
</ul>
</div><!--/#nav-->
<div id="content" class="section">
<div id="description">
<p>Because damnit - you're a designer not a mathmetician.</p>
<p>
Susy is a grid system for web designers. Built on the techniques
of <a href="http://natbat.net/">Natalie Downe</a>, the <a
href="http://compass-style.org/">Compass</a> authoring framework,
and the <a href="http://sass-lang.com/about.html">Sass</a>
meta-language for CSS, Susy brings together the unique semantic
control of hand-written code with the speed of a framework and the
strength needed for a bullet-proof design. With Susy you can build
quick, custom grids that respond to the needs of the user without
giving up design integrity. It's elastic, it's fluid, it's Susy.
</p>
<p>
Susy is an open source project envisioned and maintained by the
<a href="/">OddBrid Collective</a>: Eric Meyer, Carl Meyer and Jonny Gerig Meyer,
all of whom would love to chat sometime. Give them a ring.
</p>
</div>
<div id="credit">
<h2>Thanks to:</h2>
<ul>
<li>
<a href="https://github.com/chriseppstein">Chris Eppstein</a> /
<a href="http://compass-style.org/">Compass</a>
</li>
<li>
<a href="http://nex-3.com/">Nathan Weizenbaum</a> /
<a href="http://sass-lang.com/about.html">Sass</a>
</li>
<li>
<a href="http://natbat.net/">Natalie Downe</a> /
<a href="http://natbat.net/2008/Sep/28/css-systems/">CSS Systems</a>
</li>
</ul>
</div><!--/#credit-->
</div><!--/#content-->
<div id="site-info" class="footer">
<p class="license">Susy is licensed by <a href="/">OddBird Collective</a> under a BSD license, 2009.</p>
<p class="styles"><a href="http://gist.github.com/150061">View the styles for this site.</a></p>
</div><!--/#site-info-->
</div><!--/#page-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment