Compass Basics

Heads up! This course may be archived and/or unavailable.

Compass is a Sass-based framework made up of helpful, ready-to-use tools and best practices for Sass. It makes our front-end workflow more efficient because it helps us write CSS smarter, cleaner and faster. First, we'll learn how to install Compass, then create and configure our first project. Throughout the course, we'll learn all about Compass's tools for implementing CSS3 features, page layout and styling text. We’ll also use Compass helper functions for generating colors, image dimensions and URLs to our project assets. In the final stage, we’ll learn how to generate sprite sheets with Compass, one of its most powerful and useful features. What you'll learn:

• CSS3 without vendor prefixes
• Layout & typography helpers and utilities
• Helper functions for colors, images and URLs
• Creating sprite sheets