Start learning with our library of video tutorials taught by experts. Get started
Using a framework helps simplify your workflow and makes writing CSS fun again. Learn how Compass (powered by Sass) can help you build responsive layouts that are easier, faster, and more compatible than using CSS alone. In this course, Ray Villalobos shows how to automate your workflow with Grunt.js, scaffold your HTML, modularize your Sass with partials, and get started styling with variables and mixins. Plus, learn how to create a mobile-first grid with Susy—without adding nonsemantic HTML markup.
Need a refresher on Sass? Check out CSS with LESS and Sass with Joe Marini.
I'll show you how to scaffold the website so that you can understand how to best create a Mobile First layout for your pages. Then we'll examine how to create modules and partials for your Sass. How to use variables to create a color pallet and control Sass functions and Compass mixins in your code. Finally, I'll show you how to create a mobile first responsive grid with the Susy framework, which sits on top of Compass to give you an easy way to create responsive code without having to add Markup to your HTML. There's a lot to cover, so let's get started with responsive CSS with Sass and Compass.
There are currently no FAQs about Responsive CSS with Sass and Compass.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.