Coding for designers: haml, sass and stasis
The 1140 CSS Grid in its standard version as well as converted to haml and sass. I chose the 1140 because it is a great vehicle to learn what to avoid:
- works in % :(
- loads mobile styles extra instead of first :(
.lastclass instead of
.firstclass or css-selector :(
- has styles directly in the example html file :(
Just compare the original files in the
1140_CssGrid_2-folder with the files in
haml-sass-1140 to learn the basic syntax.
The stasis page will tell you how to render your haml and sass files into html and css.
- Log into Github, fork this repo and clone to your machine. The cloning is easier with Github for mac.
Change the example page to make a site about cats. Your content is here.
Don't forget to push the changes you made to github so we can enjoy your site about cats!!11!