by Anthony Killeen | Publisher: Packt Publishing | Release Date: February 2016 | ISBN: 9781783989867

Get to grips with the CSS preprocessing language LESSAbout This VideoWrite more efficient CSS, fasterRealise the perks of using mixinsFollow along with the course's practical, hands-on examplesIn DetailCSS is great; it's a staple of the web and it helps us to produce beautiful websites, but some parts of it are archaic, and it's often time-consuming to get right. LESS changes that. LESS includes built-in features that allow you to speed up your development and make your stylesheets easier to produce.Learning LESS will guide you through the basics of setting up LESS within your workflow. LESS is like CSS on steroids. This course will introduce you to the main features of the language and leave you with the know-how required to make your stylesheets more efficient and maintainable. This course starts with the fundamentals and shows you how powerful LESS can be. We'll start by introducing you to the language, followed by incorporating LESS into our workflow, including automation and taskrunners. You'll learn what variables do and how to use them. You'll then find out how to create maintainable CSS using mixins and extends, and you'll discover the best way to organise your LESS code. We'll look at the powerful built-in functions and finally examine the other ways to power up our front-end development workflow!Learning LESS takes you from zero to hero, leaving you with the expertise required to produce efficient stylesheets.

1. Chapter 1 : Introduction to LESS
   • The Course Overview 00:01:43
   • What Is LESS? 00:03:14
   • Woah! It's That Easy, Huh? 00:02:09
2. Chapter 2 : Getting LESS into Your Current Workflow
   • LESS.js 00:05:02
   • Using a Task Runner 00:06:08
   • Using Third-party Software 00:08:18
   • Using Our Code Editor 00:02:58
3. Chapter 3 : Variables Can Make Our Lives Easier
   • What Is a Variable and How Does It Work? 00:05:59
   • Advanced Variable Usage 00:02:35
   • Basics: Nesting 00:03:12
   • Advanced: Nesting 00:02:23
4. Chpater 4 : Mixins
   • The Anatomy of a Mixin 00:03:37
   • Using Mixins for Cross-browser Compatibility 00:04:17
   • Parametric Mixins 00:03:15
   • Writing Your Own Mixins 00:02:24
   • Writing LESS Code with Extends 00:04:17
   • A Final Word on Organization 00:03:37
5. Chapter 5 : Power Up Your Code with LESS Functions
   • Color Functions 00:03:46
   • Advanced Color Functions 00:07:25
   • Math Functions 00:04:11
   • Image Tools and Other Available Functions 00:05:27
6. Chapter 6 : Power Up Your Frontend Tool-kit
   • Task Runners Such as Grunt or Gulp 00:04:00
   • LESS Prefixer 00:02:10
   • Emmet 00:05:03
   • So, Where Do We Go from Here? 00:05:47