TOTdownload: Lynda – CSS with LESS and SASS

Wednesday, June 18, 2014

Lynda – CSS with LESS and SASS

Ever find yourself wishing that CSS had features like variables, functions, or reusable classes? Look no further. LESS and Sass are CSS style sheet tools called preprocessors that add these features and more, simplifying the creation of complex CSS styles. In this course, author Joe Marini introduces the LESS and Sass tools in a two-part manner.
The first section focuses on LESS (Leaner CSS) and how it can be used on both the client and the server. The lessons show how to work with variables, mixins, nested rules, and other features to easily create maintainable CSS.
The second section introduces Sass (Syntactically awesome stylesheets), which contains many of the same features as LESS, along with a few new ones. Joe also compares and contrasts the two tools, and explains how your platform and needs may influence which tool you choose.

Topics include:

What are LESS and Sass?
Using variables in your CSS
Working with reusable and parameterized mixins
Implementing nested rules
Combining CSS rules with operations
Using the built-in functions in LESS and Sass
Controlling the CSS output formatting
Importing external files

Table of content

Introduction
- Welcome
- What you should know
- Using the exercise files
Overview
- What are LESS and Sass?
- Downloading and installing the tools
- A quick tour of LESS and Sass
Introduction to LESS
- Using LESS on the client
- Using variables
- Working with mixins
- Using nested rules
- Using operators
Advanced LESS
- Exploring parameterized mixins
- Exploring mixins and pattern matching
- Working with guarded mixins
- Using built-in functions
- Importing external files
Introduction to Sass
- The Sasscommand-line basics
- Using variables
- Defining nested rules
- Working with mixins
- Using operators
Advanced Sass
- Defining mixins with arguments
- Working with functions
- Using output-style formatting
- Importing external files
Conclusion
- Goodbye