Join Ray Villalobos for an in-depth discussion in this video What you should know, part of Responsive CSS with Sass and Compass.
- View Offline
Responsive CSS with SASS and Compass is not a beginner course, so there are some things that you should be familiar with before taking this course. You should be familiar with building online projects and how HTML works. A really good course to check out is James Williamson's HTML5: Structure, Syntax, and Semantics. Now although this is a project-based course, and you can follow along with most of the examples without prior knowledge, I'm going to assume that you're familiar with CSS. If you need help with this, make sure you check out CSS Fundamentals, again with James Williamson, as well as CSS: Page Layouts.
Now you should be comfortable editing with text editors like BBEdit, Aptana, Sublime Text, or others. In this course, I'm going to use an editor called Sublime Text, but you should use your favorite text editor. It really doesn't matter which editor you use, as long as it's something you're comfortable with. Whenever I'm working with HTML, I like to use a macro language called Emmet. Although it's not required to understand or complete this course, you might want to check out my course on Coding Faster with Emmet. This is not a beginner course, but with just a little bit of background experience, you should have no problem taking Responsive CSS with SASS and Compass.
Need a refresher on Sass? Check out CSS with LESS and Sass with Joe Marini.
- What are Sass and Compass?
- Adding version control
- Setting up a workflow with Grunt.js
- Modularizing your Sass with partials
- Creating a color palette with variables
- Using Compass mixins
- Creating a mobile-first layout
- Creating media-query breakpoints with Susy
- Designing a responsive grid with Susy