Learning LESS – Packt Publishing

Salepage link: At HERE. Archive: http://archive.is/wip/Wba5L

Learning LESS

Get to grips with the CSS preprocessing language LESS

Get to grips with the CSS preprocessing language LESS

About This Video

• Write more efficient CSS, faster
• Realise the perks of using mixins
• Follow along with the course’s practical, hands-on examples

In Detail

CSS 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.

Course Curriculum

Introduction to LESS

• The Course Overview (1:42)
• What Is LESS? (3:14)
• Woah! It’s That Easy, Huh? (2:09)

Getting LESS into Your Current Workflow

• LESS.js (5:02)
• Using a Task Runner (6:08)
• Using Third-party Software (8:17)
• Using Our Code Editor (2:58)

Variables Can Make Our Lives Easier

• What Is a Variable and How Does It Work? (5:59)
• Advanced Variable Usage (2:35)
• Basics: Nesting (3:12)
• Advanced: Nesting (2:22)

Mixins

• The Anatomy of a Mixin (3:37)
• Using Mixins for Cross-browser Compatibility (4:17)
• Parametric Mixins (3:15)
• Writing Your Own Mixins (2:23)
• Writing LESS Code with Extends (4:16)
• A Final Word on Organization (3:37)

Power Up Your Code with LESS Functions

• Color Functions (3:46)
• Advanced Color Functions (7:25)
• Math Functions (4:11)
• Image Tools and Other Available Functions (5:26)

Power Up Your Frontend Tool-kit

• Task Runners Such as Grunt or Gulp (3:59)
• LESS Prefixer (2:10)
• Emmet (5:02)
• So, Where Do We Go from Here? (5:46)