2014
Tuts+
Kezz Bracey
2:36
English

Stylus is one of the three leading CSS preprocessors that make CSS easier and more powerful than ever before, sharing the league with Sass and LESS. In Become a Stylus CSS Superhero you’ll learn to write code faster than a speeding bullet, create layout functionality more powerful than a locomotive, and update whole color schemes in a single bound. Let’s start your training!

1.Introduction
1.1 "CSS Needs a Hero"
2.Stylus Superhero Basic Training
2.1 Quick and Easy Setup
2.2 Terse or Full Syntax, Your Choice
2.3 Faster Child and Pseudo Element Targeting via Nesting
3.A Practical Intro to Stylus Variables
3.1 Create an "Easy Update Color Scheme"
3.2 Create a "px to rem" Converter Variable
4.Practical Intro to Mixins
4.1 Create a "Zebra Stripe" Mixin
4.2 Use CSS3 Easily with Prebuilt "Nib" Mixins
5.Practical Intro to Logic and Functions
5.1 Adjust Base Font Size, Perhaps: Using Conditionals and Operators
5.2 What Functions Can Do That Mixins Can't
5.3 Create a "px to rem or em" Converter Function
5.4 Level Up Your Color Schemes With Stylus's Built-In Functions
6.Stylus Superpowers
6.1 Variables on the Fly: Property Lookup
6.2 Create a "Golden" Layout
6.3 Generate H-Tag Styles With a Single Line: Hashes, Iteration and Interpolation
7.Conclusion
7.1 Wrapping Up

Download File Size:1.65 GB

---