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.
- 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
- [Voiceover] Hi, I'm Joe Marini and I'd like to welcome you to CSS with LESS and Sass, two great tools for building CSS using features that you've always wished that CSS had built in. I'll start by showing you how to install the tools you'll need to work with LESS and Sass. Then, we'll see how to use each tool to build CSS code using features such as variables, which allow you to define values once and then reuse them throughout your style rules. We'll see how to create reusable classes called mixins, groups of style rules that can be parameterized and included inside of other styles.
We'll even see how to use functions and mathematical operations in CSS to create advanced visual effects. If you're ready to take your CSS styles to the next level, then let's get started learning how to build great CSS with LESS and Sass.
FileMaker 13 New Features95,038 Views
Rendering Interiors in Maya45,598 Views
Designing Web Sites from Photoshop to Dreamweaver836,312 Views
Managing Budget-Constrained Projects with Microsoft Project21,118 Views
SharePoint 2010 Essential Training1,783,851 Views
PHP with MySQL Essential Training4,271,059 Views
Git Essential Training2,851,121 Views
jQuery Essential Training1,035,046 Views