Web Workshop: CSS Objectives: - “What is CSS?” - Structure of CSS - How to use CSS in your webpage.
Using Compass to clean up your CSS
23
-
Upload
sam-sutton -
Category
Technology
-
view
1.595 -
download
1
description
Compass is a meta-framework for Ruby on Rails that helps you organise and apply common css frameworks to your project.
Transcript of Using Compass to clean up your CSS
![Page 1: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/1.jpg)
![Page 2: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/2.jpg)
![Page 3: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/3.jpg)
![Page 4: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/4.jpg)
![Page 5: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/5.jpg)
![Page 6: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/6.jpg)
![Page 7: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/7.jpg)
![Page 8: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/8.jpg)
![Page 9: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/9.jpg)
![Page 10: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/10.jpg)
![Page 11: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/11.jpg)
![Page 12: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/12.jpg)
![Page 13: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/13.jpg)
![Page 14: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/14.jpg)
![Page 15: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/15.jpg)
![Page 16: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/16.jpg)
![Page 17: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/17.jpg)
![Page 18: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/18.jpg)
![Page 19: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/19.jpg)
![Page 20: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/20.jpg)
![Page 21: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/21.jpg)
![Page 22: Using Compass to clean up your CSS](https://reader033.fdocuments.us/reader033/viewer/2022052505/5552d53cb4c90532498b4679/html5/thumbnails/22.jpg)
Read this first – http://acts-as-architect.blogspot.com/2008/11/compass-primer.html
Definitely watch this – http://wiki.github.com/chriseppstein/compass/
Get it here – http://github.com/chriseppstein/compass
Read about sass – http://sass-lang.com/
And Haml – http://haml-lang.com/
If you haven’t already seen Blueprint http://www.blueprintcss.org/