Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Foundation is one of the most popular responsive design frameworks—clean and simple. But much of Foundation's styling is accomplished via slightly more complex CSS: Compass and Sass. This course with Jen Kramer shows how to install Foundation, Compass, and Sass, and customize your own Foundation site. Learn how to start a new project, navigate the Sass file structure, and use the main _setting.scss file to style color, fonts, spacing, and more. Plus, learn about advanced features like functions, mixins, extended styles, and much more.
(MUSIC) Hi, I'm Jen Kramer. Welcome to Foundation: Incorporating Sass and Compass. In this course, I'll show you how to work with Sass and add custom styling to your foundation website. We'll start by configuring your computer with the software you'll need to work with Sass, including Ruby, Sass, Compass, and the Foundation gem. Next, we'll download foundation Sass files and explore their structure.
We willwork with the _settings.scss, which provides lots of control of variables to change colors, fonts, spacing and more in your foundation site. Finally, we'll look at the wild and wonderful side of foundation, including functions, math, mixins, extending styles, and much more, to create some very cool effects. So if you're ready, let's get started with Foundation: Incorporating Sass and Compass.
There are currently no FAQs about Foundation 4: Incorporating 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.