How to Use LESS
OSTraining
Course Summary
CSS stylesheets can become hard to manage on large projects. LESS is a solution that developers use to make their CSS much more efficient. As many designers know, stylesheets can become complex on big sites. It can become a headache to manage hundreds or thousands of styles. LESS allows you to use plain CSS, but also add programming features such as variables, mixins, and functions.
-
+
Course Description
CSS stylesheets can become hard to manage on large projects. LESS is a solution that developers use to make their CSS much more efficient. As many designers know, stylesheets can become complex on big sites. It can become a headache to manage hundreds or thousands of styles. LESS allows you to use plain CSS, but also add programming features such as variables, mixins, and functions. LESS is an extension to CSS, so it works perfectly with normal CSS, and the extra features it adds use existing CSS syntax. This makes learning LESS a very popular choice for coders, including those who build popular design frameworks, themes and templates.
Simon Kloostra works as a webdesigner for his own company SK-Web in Utrecht, the Netherlands, specializing in Joomla and SEO. He is the author of Joomlaseo.com, a popular blog about optimizing Joomla for search engines and fast performance.
-
+
Course Syllabus
Introduction
Introduction to LESS
Writing Your First LESS Code
Getting Started
Set Up Your First LESS Project
How to Compile Your LESS Project
How to Structure LESS Projects
Variables
Create Your First LESS Variable
More Advanced Variable Usage in LESS
How to Nest Classes in LESS
How to Use Scoping in LESS
Mixins
How to Create LESS Mixins
How to Use Parameters in Mixins
Calculations
Calculations With LESS
Calculations With Colors in LESS
More LESS
Using LESS in Existing Websites and Frameworks
Quiz
