2012
Lynda.com
Joe Marini
1h 57m
English
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
Introduction 3m 33s
Welcome 50s
What you should know 1m 14s
Using the exercise files 1m 29s
1. Overview 17m 37s
What are LESS and SASS? 3m 22s
Downloading and installing the tools 6m 39s
A quick tour of LESS and SASS 7m 36s
2. Introduction to LESS 27m 2s
Using LESS on the client 6m 17s
Using variables 6m 23s
Working with mixins 4m 21s
Using nested rules 5m 28s
Using operators 4m 33s
3. Advanced LESS 26m 26s
Exploring parameterized mixins 6m 45s
Exploring mixins and pattern matching 5m 21s
Working with guarded mixins 6m 10s
Using built-in functions 5m 38s
Importing external files 2m 32s
4. Introduction to SASS 23m 17s
The SASS command-line basics 5m 50s
Using variables 4m 57s
Defining nested rules 4m 8s
Working with mixins 2m 38s
Using operators 5m 44s
5. Advanced SASS 18m 42s
Defining mixins with arguments 5m 6s
Working with functions 6m 6s
Using output-style formatting 4m 54s
Importing external files 2m 36s
Conclusion 27s
Goodbye 27s
http://www.lynda.com/CSS-tutorials/CSS-LESS-SASS/107921-2.html
Download File Size:175.35 MB
|
