Bonz' HAML 101 guide - simonrentzke/Silver-Ranch GitHub Wiki

What the heck is HAML?

http://screencasts.org/episodes/introduction-to-haml

What you need to install to get it working on your MAC

Ruby on Rails

This is a great site to install everything you need http://railsinstaller.org/ Here is a video to take you through the steps: http://vimeo.com/43823464

StaticMatic

Staticmatic is used to preview your static site locally.

To install StaticMatic: Open Terminal and then simply type in: gem install staticmatic

You will need to then use an older version of compass to the one you have just installed. So do this

In Terminal

  • gem uninstall compass
  • gem install compass -v 0.11.7

This fix is explained here: http://stackoverflow.com/questions/10165809/staticmatic-setup-error-with-compass-integration

Templates

A great resource for static site templates has been developed by our friendly neighbours Twitter. It is called Twitter Bootstrap and can be found here: http://twitter.github.com/bootstrap/

How To Preview & Commit

Once you have set up everything, picked your template and started building your site, you will want to preview your site. To do this:

  • open up terminal
  • cd ~/Sites/Your_Website/
  • To preview: In terminal: staticmatic preview . In your browser go to http://localhost:3000/
  • To stop in terminal: ctrl+c
  • To compile in terminal: staticmatic build .

To commit and sync use the GitHub app

Other Git Functions in Terminal:

  • git stash
  • git pull
  • git stash pop
  • nano .git/config
  • git status
  • git checkout master
  • git pull

Learning Resources