How To Speed Up Your Web Development Process Using LESS

Less is dynamic stylesheet language that allows to extend the CSS language with great features such as variables, mixins and nesting. You can even do math with LESS. This screencast will show you how powerful the LESS language can be. In How To Speed Up Your Web Development Process Using LESS, you will learn to write better CSS and improve your web development workflow.

In the first section, you will start by learning how to define variables and mixins as re-usable objects, meaning that LESS allows to cut down on code, keep your code DRY (Don’t Repeat Yourself) and organized. From there, you will learn about Nesting, and how to use nested rules with multiple CSS selectors. Finally, I will teach you how to do mathematical calculations with the operators.

The second section of the training is project-based and included the customization of a webpage

You will first be introduced to SimpLESS, which is is a Graphical User Interface (GUI) allowing you to easily compile your LESS files into standard CSS. SimpLESS is simple to learn for first-time users. You will be guided through the installation and the features.
This part of the screencast will help you understand how to to easily create maintainable CSS using the LESS features. Working files are included allowing you to follow along with the instructor.

By the end of this short tutorial, you will have a basic understanding of how to write CSS with LESS.

This course is designed for users, who already have a working knowledge of CSS, HTML and Javascript.

For the best learning experience, I recommend:
- a modern web browser like Chrome or Firefox.
- a code editor (sublime text, Notepad++).

Thank you for watching.

[vijayjangid]

Short and sweet. Just what I wanted to start with LESS.
Thanks :)

[aman_design]

this was the simplest n straightforward explanation.. thanks a lot! :)

[joegreen]

Very clear, concise and helpful. Thank you!

[MohammadAbdulHyeShaon]

Thank you very much for providing this tutorial. This tutorial has helped me to clear concept about Using LESS.

[umeshmagento]

Thank you for the nice tutorial... Keep on great work. :)

[breakfree]

excellent tutorial. thnk you very much :)

[MorganAndayi]

Thank you So much, You have no idea how much you've helped

[JeganChandranwebdesigner]

Thank you so much.Awesome tutorial):):)

[glyniswu]

thank you so much, it's very helpful

[usqgi]

Thank you very much for this tutorial. It's easy and simple. However do you know how to get the same indentation in my CSS file? Because the code in my CSS file is written on a single line.
Thanks again!

[ultravidz]

Less is definitely more in this case, wow

[kayazmanbahari]

So I need MORE time to learn all LESS syntax. I think using Copy Paste with my mouse can speed up my web development. Maybe I'm wrong. :p

[BartarSho]

forget about Less, Use CSS Variables!