Learning LESS
Course
Online
Description
-
Type
Course
-
Methodology
Online
-
Start date
Different dates available
Get to grips with the CSS preprocessing language LESSCSS 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 AuthorAnthony 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!
Facilities
Location
Start date
Start date
About this course
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
Reviews
This centre's achievements
All courses are up to date
The average rating is higher than 3.7
More than 50 reviews in the last 12 months
This centre has featured on Emagister for 4 years
Subjects
- Works
- Workflow
- Syntax
- Install
Course programme
- Learn how LESS and CSS are similar in syntax
- Learn how LESS works and how it can improve our work
- Learn converting LESS into CSS and the output
- Learn some standard CSS
- Learn the equivalent in LESS
- Check out the similarities between the two
- Learn how LESS and CSS are similar in syntax
- Learn how LESS works and how it can improve our work
- Learn converting LESS into CSS and the output
- Learn some standard CSS
- Learn the equivalent in LESS
- Check out the similarities between the two
- Learn how LESS and CSS are similar in syntax
- Learn how LESS works and how it can improve our work
- Learn converting LESS into CSS and the output
- Learn how LESS and CSS are similar in syntax
- Learn how LESS works and how it can improve our work
- Learn converting LESS into CSS and the output
- Learn how LESS and CSS are similar in syntax
- Learn how LESS works and how it can improve our work
- Learn converting LESS into CSS and the output
- Learn how LESS and CSS are similar in syntax
- Learn how LESS works and how it can improve our work
- Learn converting LESS into CSS and the output
- Learn how LESS and CSS are similar in syntax
- Learn how LESS works and how it can improve our work
- Learn converting LESS into CSS and the output
- Learn how LESS and CSS are similar in syntax
- Learn how LESS works and how it can improve our work
- Learn converting LESS into CSS and the output
- Learn some standard CSS
- Learn the equivalent in LESS
- Check out the similarities between the two
- Learn some standard CSS
- Learn the equivalent in LESS
- Check out the similarities between the two
- Learn some standard CSS
- Learn the equivalent in LESS
- Check out the similarities between the two
- Learn some standard CSS
- Learn the equivalent in LESS
- Check out the similarities between the two
- Learn some standard CSS
- Learn the equivalent in LESS
- Check out the similarities between the two
- Learn some standard CSS
- Learn the equivalent in LESS
- Check out the similarities between the two
- Include the LESS.js file
- Include the styles.less file
- View it in the browser
- Install the LESS Grunt or Gulp plugin
- Set up the plugin
- Run the plugin
- Download and install the third-party software
- Set up the software
- Run the software
- Open your code editor
- Locate and install the plugin
- Run the plugin
- Include the LESS.js file
- Include the styles.less file
- View it in the browser
- Install the LESS Grunt or Gulp plugin
- Set up the plugin
- Run the plugin
- Download and install the third-party software
- Set up the software
- Run the software
- Open your code editor
- Locate and install the plugin
- Run the plugin
- Include the LESS.js file
- Include the styles.less file
- View it in the browser
- Include the LESS.js file
- Include the styles.less file
- View it in the browser
- Include the LESS.js file
- Include the styles.less file
- View it in the browser
- Include the LESS.js file
- Include the styles.less file
- View it in the browser
- Include the LESS.js file
- Include the styles.less file
- View it in the browser
- Include the LESS.js file
- Include the styles.less file
- View it in the browser
- Install the LESS Grunt or Gulp plugin
- Set up the plugin
- Run the plugin
- Install the LESS Grunt or Gulp plugin
- Set up the plugin
- Run the plugin
- Install the LESS Grunt or Gulp plugin
- Set up the plugin
- Run the plugin
- Install the LESS Grunt or Gulp plugin
- Set up the plugin
- Run the plugin
- Install the LESS Grunt or Gulp plugin
- Set up the plugin
- Run the plugin
- Install the LESS Grunt or Gulp plugin
- Set up the plugin
- Run the plugin
- Download and install the third-party software
- Set up the software
- Run the software
- Download and install the third-party software
- Set up the software
- Run the software
- Download and install the third-party software
- Set up the software
- Run the software
- Download and install the third-party software
- Set up the software
- Run the software
- Download and install the third-party software
- Set up the software
- Run the software
- Download and install the third-party software
- Set up the software
- Run the software
- Open your code editor
- Locate and install the plugin
- Run the plugin
- Open your code editor
- Locate and install the plugin
- Run the plugin
- Open your code editor
- Locate and install the plugin
- Run the plugin
- Open your code editor
- Locate and install the plugin
- Run the plugin
- Open your code editor
- Locate and install the plugin
- Run the plugin
- Open your code editor
- Locate and install the plugin
- Run the plugin
- Identify a value that can be replaced with a variable
- Write the variable
- Explain what variables are and how they work
- Set up some variables
- Pull these variables into class names
- Write the classes
- Find some code and nest them
- View the nested code
- Identify some pseudo elements
- Rewrite them using LESS Nesting and view the compiled CSS
Additional information
Learning LESS