[Tuts Plus] Become a CSS Superhero With Stylus Video Tutorial-KTR

[Tuts Plus] Become a CSS Superhero With Stylus Video Tutorial-KTR


PUBLISHER....: Tuts Plus
LANGUAGE......: ENGLISH
AUTHOR.......: Kezz Bracey
RELEASE DATE..: 2014.09.09
RUNTIME......: 2.6 hours


About this course::

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!



Topics include:

1.Introduction
1.1"CSS Needs a Hero"


2.Stylus Superhero Basic Training
2.1Quick and Easy Setup
2.2Terse or Full Syntax, Your Choice
2.3Faster Child and Pseudo Element Targeting via Nesting


3.A Practical Intro to Stylus Variables
3.1Create an "Easy Update Color Scheme"
3.2Create a "px to rem" Converter Variable


4.Practical Intro to Mixins
4.1Create a "Zebra Stripe" Mixin
4.2Use CSS3 Easily with Prebuilt "Nib" Mixins


5.Practical Intro to Logic and Functions
5.1Adjust Base Font Size, Perhaps: Using Conditionals and Operators
5.2What Functions Can Do That Mixins Can't
5.3Create a "px to rem or em" Converter Function
5.4Level Up Your Color Schemes With Stylus's Built-In Functions


6.Stylus Superpowers
6.1Variables on the Fly: Property Lookup
6.2Create a "Golden" Layout
6.3Generate H-Tag Styles With a Single Line: Hashes, Iteration and Interpolation


7.Conclusion
7.1Wrapping Up