DokuWiki

- Introduction

1. Welcome
2. What you should know
3. Using the exercise files

- Getting Started

1. What is Sass and Compass
2. Analyzing workflow options
3. Setting up a folder structure
4. Adding version control
5. Using Node.js npm with package.json

- Setting Up a Workflow with Grunt.js

1. Creating your first task
2. Watching out for automated tasks
3. Reloading your browser on save
4. Setting up a config.rb file for Compass
5. Adding Susy for responsive grids

- Scaffolding Our HTML

1. What we'll be building
2. Preparing our assets
3. Scaffolding the header and footer
4. Adding our speaker info
5. Inserting the main content

- Sass Principles

1. Modularizing your Sass with partials
2. Creating a color palette with variables
3. Understanding Compass imports
4. Adding custom fonts and icons

- Styling with Sass and Compass

1. Styling our base partial with variables, selector helpers, and parent selectors
2. Making your CSS more semantic
3. Controlling mixin parameters
4. Creating a mobile-first layout

- Responsive Layout Grids with Susy

1. Setting up Susy's defaults
2. Starting our layout structure
3. Modifying our secondary content
4. Displaying content on media query breakpoints
5. Adjusting our navigation
6. Improving our Speakers section
7. Finishing our layout

- Conclusion

1. Next steps