Learning LESS [Video]

Learning LESS [Video]

This video is included in a Mapt subscription
Anthony Killeen

Get to grips with the CSS preprocessing language LESS
$0.00
$63.75
$29.99p/m after trial
RRP $74.99
Subscription
Video
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Video Details

ISBN 139781783989867
Course Length1 hour and 43 minutes

Video Description

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.

Style and Approach

This course takes a casual-yet-direct approach to learning LESS. We’ll talk through the features and then get hands-on building out some styles. You’ll learn by doing!

Table of Contents

Introduction to LESS
The Course Overview
What Is LESS?
Woah! It's That Easy, Huh?
Getting LESS into Your Current Workflow
LESS.js
Using a Task Runner
Using Third-party Software
Using Our Code Editor
Variables Can Make Our Lives Easier
What Is a Variable and How Does It Work?
Advanced Variable Usage
Basics: Nesting
Advanced: Nesting
Mixins
The Anatomy of a Mixin
Using Mixins for Cross-browser Compatibility
Parametric Mixins
Writing Your Own Mixins
Writing LESS Code with Extends
A Final Word on Organization
Power Up Your Code with LESS Functions
Color Functions
Advanced Color Functions
Math Functions
Image Tools and Other Available Functions
Power Up Your Frontend Tool-kit
Task Runners Such as Grunt or Gulp
LESS Prefixer
Emmet
So, Where Do We Go from Here?

What You Will Learn

  • Get to know the basics of CSS preprocessing so you can work with LESS effortlessly
  • Automate the processing of LESS with task runners
  • Get to know about variables and the best ways to use them within your LESS files
  • Nest your CSS to improve readability
  • Power-up your code with mixins
  • Work with parametric mixins to customize their output
  • Make your code more maintainable by using Extends
  • Get smart with functions by using Color functions, Math functions, and Image functions
  • Use the built-in functions with LESS to produce your own color palette
  • Discover more tools to help level-up your frontend toolkit

Authors

Screenshots

Table of Contents

Introduction to LESS
The Course Overview
What Is LESS?
Woah! It's That Easy, Huh?
Getting LESS into Your Current Workflow
LESS.js
Using a Task Runner
Using Third-party Software
Using Our Code Editor
Variables Can Make Our Lives Easier
What Is a Variable and How Does It Work?
Advanced Variable Usage
Basics: Nesting
Advanced: Nesting
Mixins
The Anatomy of a Mixin
Using Mixins for Cross-browser Compatibility
Parametric Mixins
Writing Your Own Mixins
Writing LESS Code with Extends
A Final Word on Organization
Power Up Your Code with LESS Functions
Color Functions
Advanced Color Functions
Math Functions
Image Tools and Other Available Functions
Power Up Your Frontend Tool-kit
Task Runners Such as Grunt or Gulp
LESS Prefixer
Emmet
So, Where Do We Go from Here?

Video Details

ISBN 139781783989867
Course Length1 hour and 43 minutes
Read More

Read More Reviews