web-resources.html

---
layout: default
---

<div class="resources">
  <h2>CSS Frameworks &amp; Tools</h2>
  <ol>
    <li><a href="http://www.getskeleton.com/">Skeleton</a></li>
    <li><a href="http://getbootstrap.com/">Twitter Bootstrap</a></li>
    <li><a href="http://foundation.zurb.com/">Zurb's Foundation</a></li>
    <li><a href="http://sass-lang.com/">SASS - Syntactically Awesome Stylesheets</a></li>
    <li><a href="http://daneden.me/animate/">Animate.css - CSS Animation Library</a></li>
    <li><a href="http://necolas.github.com/normalize.css/">Normalize.css - CSS Resets</a></li>
    <li><a href="http://warpspire.com/kss/">KSS - Knyle Style Sheets</a></li>
  </ol>

  <br>
  <h2>Pattern Libraries</h2>
  <ol>
    <li><a href="http://pea.rs/">Pea.rs</a></li>
    <li><a href="http://www.mobile-patterns.com/">Mobile Patterns</a></li>
    <li><a href="http://dribbble.com/buckets">Dribbble Buckets</a></li>
  </ol>

  <br>
  <h2>Visual Resources</h2>
  <ol>
    <li><a href="http://subtlepatterns.com/">Subtle Patterns - Free Bg Swatches</a></li>
    <li><a href="http://hellohappy.org/css3-buttons/">CSS3 Buttons</a></li>
  </ol>

  <br>
  <h2>Icon Font Sets</h2>
  <ol>  
    <li><a href="http://pictos.cc/font/">Pictos</a></li>
    <li><a href="http://symbolset.com/">Symbolset</a></li>
  </ol>

  <br>
  <h2>Styleguides</h2>
  <ol>
    <li><a href="https://github.com/styleguide">GitHub</a></li>
    <li><a href="http://pasteup.gu.com/">The Guardian</a></li>
  </ol>

  <br>
  <h2>Mocking up in Markup</h2>
  <ol>  
    <li><a href="http://24ways.org/2009/make-your-mockup-in-markup/">24 Ways - Meagan Fisher</a></li>
  </ol>

  <br>
  <h2>Misc.</h2>
  <ol>
    <li><a href="http://fittextjs.com/">FixText.js</a></li>
    <li><a href="http://fitvidsjs.com/">FitVids.js</a></li>
    <li><a href="http://letteringjs.com/">Lettering.js</a></li>
  </ol>
  <p><a class="back-arrow" href="/"><span class="back-arrow">➺</span></a></p>
</div>