Alright, we've reached the point in the course now where we're going to talk about Sass,…and Sass, just like LESS, is a CSS preprocessor.…It takes code that is written in a certain syntax -- in this case, Sass syntax -- and converts…it into official CSS before you upload it to your Web site.…You can find more information about Sass by going to the sass-lang.com Web site, which you can see here.…Sass actually comes in two different flavors. There is the newer version, which as of Sass 3,…is known as SCSS.…
And SCSS is a superset of CSS 3's official syntax, which basically means that if you…write a style sheet using CSS 3, it is valid as SCSS as well.…Now, there's an older syntax that came along with the first version of Sass, and it's the indented syntax.…If you've used languages like PML, or Python before, then you probably will be familiar with the format.…It's no longer the primary format, and the files are ended with .sass suffixes, or file extensions.…
In this particular course, because SCSS is now the primary way of writing Sass, that's…
Author
Joe Marini
Released
11/2/2012The 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
Skill Level Intermediate
Duration
Views
-
Introduction
-
Welcome47s
-
What you should know1m 14s
-
Using the exercise files1m 29s
-
-
1. Overview
-
What are LESS and Sass?3m 22s
-
-
2. Introduction to LESS
-
Using LESS on the client6m 17s
-
Using variables6m 23s
-
Working with mixins4m 21s
-
Using nested rules5m 28s
-
Using operators4m 33s
-
-
3. Advanced LESS
-
Working with guarded mixins6m 10s
-
Using built-in functions5m 38s
-
Importing external files2m 32s
-
4. Introduction to Sass
-
The Sasscommand-line basics5m 50s
-
Using variables4m 57s
-
Defining nested rules4m 8s
-
Working with mixins2m 38s
-
Using operators5m 44s
-
-
5. Advanced Sass
-
Working with functions6m 6s
-
Importing external files2m 36s
-
Conclusion
-
Goodbye27s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: The Sasscommand-line basics