readme.html

<p>Getting Started</p>

<p>// Use HTML5 Boilerplate</p>

<ol>
<li>Choosing a Front End Library</li>
<li>Foundation</li>
<li>Bootstrap</li>
<li><p>BassCSS - http://www.basscss.com/</p></li>
<li><p>Set up my Jade
Starting a index.jade
Create my mixins</p>

<ul>
<li>Document Head</li>
<li>Header</li>
<li>Footer</li>
<li>Scripts</li>
</ul>
</li>
<li><p>Set up my SASS
Make my SASS partials
Import a Global stylesheet</p></li>
<li><p>Coffeescript
Import my javascript libraries
Write my own code underneath</p></li>
<li><p>Other things
Codekit</p>

<ul>
<li>Tell the files where to compile to</li>
<li>Optimise images</li>
<li>Prepend files
Set up other folders</li>
<li>PDF&rsquo;s</li>
<li>etc.</li>
</ul>
</li>
</ol>


<p>JADE
    mixins which go hand in hand with include
    parameters
    flow control (if, else, switch)</p>

<p>SASS
    Variables
    Compass</p>

<p>COFFEESCRIPT
    js2coffee.org
    The Little Book on Coffeescript
    coffeescript.org</p>

<p>CODEKIT
    image optimisation
    compilation
    live previews
    server
    prepending files</p>

<p>GENERAL
  - awwwards.com
  - http://webfieldmanual.com/</p>

<p>For HTML and CSS
  - http://validator.w3.org/ to validate</p>

<p>CSS / SASS
  - http://cssguidelin.es/
  - codepen.io
  - css-tricks.com
  - Front End Masters
  - codeschool
  - zurb.foundation.com
  - http://getbootstrap.com/
  - http://www.basscss.com/ &ndash; THIS IS THE BEST ONE</p>

<p>JAVASCRIPT
  - Before publishing a project
    - jshint first - http://jshint.com/
    - then JSlint - http://jslint.com/</p>

<ul>
<li>jsdb.io - A forum for the best javascript libraries</li>
<li>https://webdesign.tutsplus.com/courses/essential-js-libraries-for-web-design?utm_source=Tuts+&amp;utm_medium=email&amp;utm_campaign=Monthly&amp;utm_content=Monthly-20141027&amp;WT.mc_id=Tuts+_email_Monthly-20141027</li>
<li>cdnjs.com

<ul>
<li>CDN&rsquo;s are very important

<ul>
<li>Chances are the file is already cached</li>
<li>More secure and faster than your server anyway</li>
</ul>
</li>
</ul>
</li>
<li>Code libraries folder

<ul>
<li>Animation - Greensocks TweenMax ( http://www.codepen.io/GreenSock/ )</li>
<li>Image Sliders - Slick Carousel, Royal Carousel</li>
<li>Parallax - skrollr or stellar</li>
<li>MV&rsquo;s on the Front End - Backbone, Ember and Angular are really good</li>
</ul>
</li>
</ul>