A Better CSS: LESS and SASS
LESS and SASS can style sheets more readable, maintainable and easier to write.
Authored by:
Shawn Wildermuth
Duration: 1h 56m
Level: Intermediate
Released: 3/5/2012
Features:
Duration: 1h 56m
Level: Intermediate
Released: 3/5/2012
Features:
Course Rating:
You are currently not signed in. Please sign in to access subscriber-only content.
Currently using: {{getCurrentPlayerName()}} [Change]
| expand all | collapse all | Progress | Duration | |
|---|---|---|---|
Why CSS is Painful |
|
00:13:19 | |
|
Why CSS is Painful
|
|
01:55 | |
|
Overview
|
|
00:41 | |
|
The Color Problem
|
|
03:05 | |
|
The Duplication Problem
|
|
01:00 | |
|
The Cascade Problem
|
|
01:49 | |
|
The Calculation Problem
|
|
01:18 | |
|
The Importing Problem
|
|
01:33 | |
|
Summary
|
|
01:58 | |
LESS is More |
|
00:52:39 | |
|
Introducing LESS
|
|
02:22 | |
|
Demo: less.js
|
|
04:42 | |
|
Less on the Server
|
|
01:44 | |
|
Demo: dotless
|
|
05:00 | |
|
LESS Basics
|
|
01:54 | |
|
Demo: Hello World LESS
|
|
04:35 | |
|
Using Variables and Operations
|
|
03:19 | |
|
Demo: Using Variables
|
|
04:04 | |
|
Mixins
|
|
03:15 | |
|
Demo: Creating a Mixin
|
|
05:38 | |
|
Nested Rules
|
|
02:23 | |
|
Demo: Refactoring Rules
|
|
03:16 | |
|
Other Features
|
|
04:07 | |
|
Demo: Using namespaces and scoping
|
|
04:52 | |
|
Summary
|
|
01:28 | |
Using SASS |
|
00:50:39 | |
|
Introducing SASS
|
|
01:48 | |
|
SASS on the Server
|
|
01:32 | |
|
Demo: Using SassAndCoffee
|
|
04:26 | |
|
Variables
|
|
04:00 | |
|
Demo: Using Variables
|
|
08:46 | |
|
Rules
|
|
02:50 | |
|
Demo: Refactoring Rules
|
|
04:04 | |
|
@import
|
|
01:32 | |
|
Demo: Importing SASS and CSS
|
|
03:06 | |
|
@extend
|
|
01:33 | |
|
Demo: Inheritance in Rules
|
|
01:05 | |
|
@mixin
|
|
02:03 | |
|
Demo: Creating Mixins
|
|
03:21 | |
|
@function
|
|
01:05 | |
|
Demo: Creating Functions
|
|
01:45 | |
|
Control Directives
|
|
03:38 | |
|
Demo: Using @if, @where and @for
|
|
02:19 | |
|
Summary
|
|
01:46 |
Why CSS is Painful