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.
About The Author
Anthony Killeen is a veteran front-end developer who has been building websites since ‘97. In that time, he’s built websites for radio stations, music artists, photographers, communities, and businesses and he’s loved every single minute of it!
The aim of this video is to describe what LESS is and what a CSS preprocessor does.
This highlights just how easy LESS is to work with if you already know CSS.
The aim of this video is to show the viewer the easiest (but not necessarily the best) way to get up and running with LESS using the direct LESS.js file parser.
The aim of this video is to show the viewer how to set up a task runner such as Grunt to automate her processing.
The aim of this video is to show the viewer how to use third-party software to process LESS files.
We'll take a look at using your code editor to convert LESS on the fly.
We will explain what variables are and how they work.
In this, we will take LESS variables beyond basic usage.
Nesting our LESS selectors can help in organizing our code into useful chunks, and this video will look at the good and bad points of nesting.
This video will show you how to keep our code organized and in order.
Mixins are an awesome feature of LESS, but it’s difficult to understand what they do.
Browsers can be a pain, especially with CSS3 selectors. Some browsers enable this functionality but behind a flag while the CSS specification is being finalized.
The mixins we’ve written so far are fixed. If we wanted to change one of the values within our mixin, we could either write a new mixin or copy the code into our core LESS file, removing the mixins altogether. This video shows how to bring arguments into our mixins.
We looked at a mixin that I’ve written. Now, you can start writing your own.
Sometimes, it may feel like a chore when you’re constantly including core classes within your HTML. LESS extends can help you avoid this.
Our .less file may quickly become bloated with variables, mixins, extends, and functions.
While building our color palette, we may want to have varying shades of our primary colors. We would want an easy way to adjust the colors.
This video covers more ways of manipulating color.
Oh no! We need to add padding to an element, but this value is the sum of two other values.
This video shows you some of the additional features of LESS.
Learn about automating repetitive tasks when developing websites.
Set up a prewritten set of LESS mixins.
Writing code can sometimes be repetitive and laborious. Emmet fixes this.
So, we now know the basics of LESS and how to integrate LESS into our workflow, and we also have some new tools to help us out. So, where do we go from here?
Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.
With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.
From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.
Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.