CSS Basics (Part8) — CSS Preprocessors

In this video we look at the wonderful world of CSS Preprocessors. I show you a few of the awesome things that you can do with CSS Preprocessors, and look at a few of the more popular ones; LESS, Sass (SCSS), and Stylus.

You should try them all, because they are all fun and awesome! But you can read below about why some folks choose one over the other....

Awesome! Which have you tried? Which do you like the best and why?

[ManiniGupta]

This video was my second pass on sass, and I'm all about it now. I'm about to launch into your other video on Bourbon, etc. Thanks for your help, man!

[VaughnHaynes]

You sold me. I tried SASS and now I prefer it. Like you said, took 10 minutes to get comfortable with it

[wojtekobsysa]

Dude, I'm going through the "From Start To Finish" playlist, then I switched for a while to "CSS Awesome" video and ended up here. Just wanna say, you rock. Your tuts are funny, easy to understand and really on point. Keep it up, plz and post more.

[lameduck]

Personally I like having the curly brackets back, they fill a void in my heart. <3

[karankaw]

I liked your style- The Coach is directly talking to his Students- I viewed All Videos - All 8 of Them at a stretch. Wow. Amazing Style, Travis - BTW I liked X-RAY avatar :-)

[tombrown]

wtf its already over... yooooh i need more deeper tutorials from you asap man. haha. just sat down watching this series for like two hours non-stop and it feels like you just ended it by suprise man but big-up am looking forward to the second session of css and html5 from devtips. five thumbs up... uhmm if  thats even possible!

[tylerperras]

By far the most entertaining lesson / lecture / informative videos I have ever saw. The little comic strips really made the video funny and engaging.

[oohdatdude]

Bruh, I love this channel. Recently went back to the basics to unlearn some bad habits and these videos have been a godsend. Much respect my dude and I definitely went to patreon and dropped a couple coins in the basket. Keep hacking!!

[nonamo]

Finally!! I could understand why so much people use these and how they works. Thank you @Travis you're awesome!

[WakefieldSeldon]

Nice, started as a web dev some few months ago, had my first big project this summer. I am so happy I found your channel.

[amyoliver]

Just as a note. The music makes me smile... I hope you keep it. My little one likes to dance to it. (the singing at the end is freaking FUNNY!)

[michaelhofby]

Nice explanation with less vs sass... Im at the point where i feel i have to begin using a pre-processor now.. I totally understand why sass is best since the main reason we even wanna use a pre-processor is to lessen re-typing and therefore maximizing real productivity :D So thanks man

[McGavel]

Thanks for the great video. I love Stylus myself. Nib plugin for stylus gives you prefixes and there's a sublime text plugin for Stylus. Rupture plugin for Stylus gives you easy media query drop-ins. Also, Hayaku for Sublime Text works amazingly with all of it. Plus, the mixins are transparent so if you had a mixin called br(rad = 5px), you get a default of 5px border-radius with all the prefixes by simply typing:

li
br()

[jasonng]

You are the best teacher EVER! A BIG THANK YOU!

[OsirisNO]

I have a degree in programming. We had 3 lessons on html and css. And I've nver fully grasped the power of both. Always shrugged it off to the frontend developer. But now aiming to be a full-stack developer and your video series gave me a lot of AHA moments.

[tobymiller]

WOAH, where'd your beard go?!?!! Thank you so much for these videos!!! I just blew through HTML, How the Internet Works and CSS Basics. I've been struggling to modify my Wordpress site for about a year now without learning any CSS. I can't wait to dig back into it now knowing the basics! Thanks again!

[Isra-p]

Just awesome stuff. I'm a little late, I know, I know. Can´t believe I just discovered your channel! Awesomeness

[DivineZeal]

Great lessons! I need to get into less n SASS, ive seen a few job listings wanting it

[JCMLR]

Super helpful video. I didn't know you could create variables in CSS. Helps A TON!

[Haladmer]

Nice pacing on the vids, makes it easy to get in, get a solid lead, and go.

Having watched this series and the HTML 5 basics, you've helped my own project a great deal, so thanks!