2015
O'Reilly Media / Infinite Skills
Jen Kramer
3:00
English

Get an introduction to Sass?syntactically awesome style sheets?in this hands-on video course from programmer and author Jen Kramer. Sass allows CSS designers to create style sheets that are easier to follow and less repetitive, leveraging data structures like variables, if/else statements, functions, and loops. With this video, you?ll learn how to install and configure a Sass compiler, understand the differences between Sass and CSS, and learn the Sass and SCSS syntax.
You can use whatever text editor you like; Jen explains where to download SublimeText3 and packages that make working with HTML, CSS, and Sass a great experience. You should also install Koala for compiling Sass files, which is Mac/PC compatible and free.
The video will teach you how to:
- Set up a typical file structure for Sass
- Work with a Sass compiler to create CSS that the browser can understand
- Create and work with variables, mixins, nesting, extends, and more to keep code DRY
- Work with Sass?s built-in functions to manipulate color, make calculations, and more
- Create a real-world website with Sass
- Learn industry best practices for Sass file management, so all the code generated is easily managed

01. Introduction
Welcome
What is Sass?
02. Configuring the Work Environment
Installing SublimeText 3 and Packages
0202 Exploring the Starting Files
0203 Installing Koala, a Sass Compiler
0204 Creating a Sass Stylesheet
0205 Comments in Sass
0206 Including Simple Variables, Compiling, and Viewing Results
0207 You Try It: Creating Sass Styles with Variables
03. Working with Variables, Math, and Functions
0301 Global Variables, Local Variables, and Default Values
0302 Manipulating Variables through Math
0303 Manipulating Variables with Core Math Functions
0304 Manipulating Variables with Core Color Functions
0305 You Try It: Manipulating Variables
0306 Writing Your Own Functions
04. Nesting Expressions
0401 Understanding Nesting with Sass
0402 Using & to Reference Parent Selectors
0403 Nesting Within Selectors and Using Nesting with Caution
0404 You Try It: Nesting
05. Mixins and Extend
0501 Creating and Using Simple mixins
0502 Understanding and Creating mixins with Variable Arguments
0503 Creating and Using extend
0504 Eliminating Extra Classes with extends
0505 Creating Multiple extends
0506 Chaining extends
0507 Extend-only Selectors
0508 Understanding the Difference Between mixin and extend
0509 You Try It: mixins and extend
06. Understanding if and else
0601 Understanding @if
0602 Working with @if/@else and Default mixin Values
0603 Media Queries, mixins, and @if/@else
07. File Management and Organization
0701 Understanding, Organizing, and Compiling Sass Partials and Files
0702 Incorporating External CSS Files
0703 Preparing for Site Launch
08. Conclusion
0801 Goodbye and Next Steps

Download File Size:433.83 MB

---