DokuWiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
- Introduction
  - [[rcsc:Welcome]]
  - [[rcsc:What you should know]]
  - [[rcsc:Using the exercise files]]
- Getting Started
  - [[rcsc:What is Sass and Compass?]]
  - [[rcsc:Analyzing workflow options]]
  - [[rcsc:Setting up a folder structure]]
  - [[rcsc:Adding version control]]
  - [[rcsc:  Using Node.js npm with package.json]]
- Setting Up a Workflow with Grunt.js
  - [[rcsc:Creating your first task]]
  - [[rcsc:Watching out for automated tasks]]
  - [[rcsc:Reloading your browser on save]]
  - [[rcsc:Setting up a config.rb file for Compass]]
  - [[rcsc:Adding Susy for responsive grids]]
- Scaffolding Our HTML
  - [[rcsc:What we'll be building]]
  - [[rcsc:Preparing our assets]]
  - [[rcsc:Scaffolding the header and footer]]
  - [[rcsc:Adding our speaker info]]
  - [[rcsc:Inserting the main content]]
- Sass Principles
  - [[rcsc:Modularizing your Sass with partials]]
  - [[rcsc:Creating a color palette with variables]]
  - [[rcsc:Understanding Compass imports]]
  - [[rcsc:Adding custom fonts and icons]]
- Styling with Sass and Compass
  - [[rcsc:Styling our base partial with variables, selector helpers, and parent selectors]]
  - [[rcsc:Making your CSS more semantic]]
  - [[rcsc:Controlling mixin parameters]]
  - [[rcsc:Creating a mobile-first layout]]
- Responsive Layout Grids with Susy
  - [[rcsc:Setting up Susy's defaults]]
  - [[rcsc:Starting our layout structure]]
  - [[rcsc:Modifying our secondary content]]
  - [[rcsc:Displaying content on media query breakpoints]]
  - [[rcsc:Adjusting our navigation]]
  - [[rcsc:Improving our Speakers section]]
  - [[rcsc:Finishing our layout]]
- Conclusion
  - [[rcsc:Next steps]]