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!
Learn CSS: The Complete Guide
We've built a complete guide to help you learn CSS, whether you're just getting started with the basics or you want to explore more advanced CSS.
1.Introduction1 lesson, 01:17
2.Stylus Superhero Basic Training3 lessons, 21:59
3.A Practical Intro to Stylus Variables2 lessons, 22:37
4.Practical Intro to Mixins2 lessons, 21:52
5.Practical Intro to Logic and Functions4 lessons, 45:02
6.Stylus Superpowers3 lessons, 41:15
7.Conclusion1 lesson, 02:34
1.1 CSS Needs a Hero
Stylus is to regular CSS what Superman is to Clark Kent. In Become a CSS Superhero with Stylus, you're about to learn how to break out your CSS superpowers to make your development faster, smarter, and more powerful than ever before. By the end of this course, you'll be able to generate all the CSS your projects need, but with only half the typing and half the time it used to take you. You'll be able to update entire color schemes just by changing one color code. You'll be able to think about your designs and write them up in pixel values, but output perfect em and rem-based flexible layouts. You'll have the amazing power of never again having to write out the same code repeatedly. You'll have the ability to instantly style elements with things like zebra striping just by pasting in a single line of code. You'll learn how to create layouts that just look right without you barely having to spare a thought. And you'll have a full understanding of how to use Stylus' awesome feature set, meaning that you'll be equipped to work with it however you want in all your future projects. All right, let's get this ball rolling. I'll see you in Stylus Superhero Basic Training.
2. Stylus Superhero Basic Training
2.1 Quick and Easy Setup