Rapid LESS
4.3 (3 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
41 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Rapid LESS to your Wishlist.

Add to Wishlist

Rapid LESS

Write less code, time-saving cheats, and design a professional website using the LESS CSS preprocessor
4.3 (3 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
41 students enrolled
Created by Packt Publishing
Last updated 2/2015
English
Current price: $10 Original price: $50 Discount: 80% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1 hour on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Write cleaner and more maintainable code and stylesheets for easy modifications
  • Implement non-descendant selection with LESS nesting and understand its benefits
  • Understand how adding parameters to mixins makes them infinitely more flexible
  • Use LESS variables to store repetitive data using customized names
  • Incorporate math operations and color functions to better cater to last minute revisions
  • Improve performance and SEO for your sites with LESS powered frameworks such as Twitter’s Bootstrap
View Curriculum
Requirements
  • A quick and easy-to-follow guide to learning LESS and enhancing your CSS skills. It comes with exercise files that use the LESS CSS preprocessor and help you write code that provides great designing capabilities.
Description

This course will take you through all the essential tools to begin writing better CSS with LESS.

We will begin with the basics of LESS, highlighting all the key features in easy-to-follow, step-by-step chunks, ending with some existing scenarios where LESS could be beneficial and additional publications to further your education.

Then we will cover variables, LESS' way of storing repetitive data such as color values, font sizes, and more using customized names. After this, we will take a look at mixins, a CSS type function in LESS that, among other things, will greatly simplify the use of CSS3. In nesting, we will discuss how to write shorter, cleaner CSS. Finally, we’ll cover various functions and operations available within LESS that will allow you to further simplify your CSS and perform some really impressive actions you thought you’d never be able to do!

Rapid LESS will take you through LESS in a step-by-step way, so that you not only know how to write smart code, but why it’s a beneficial addition to your existing workflow.

About the Author

Reme Le Hane is a frontend Web Developer with many years of experience. His expertise primarily includes HTML, CSS, LESS, and jQuery. He also has experience with JavaScript, AngularJS, BackgoneJS, and NodeJS. Some of his other experience also includes Facebook application development, SEO and CMSs such as Joomla! and WordPress. Since March 2014, he has been employed at TAG Worldwide as a frontend Web Developer. TAG is a global brands service agency that is based in Century City. Primary responsibilities include developing and maintaining clients’ access portals, as well as developing new functionality and features as per clients’specifications.

Who is the target audience?
  • If you wish to write code that is both flexible and easy to maintain, this course is for you. It will help you channel your prior experience with HTML and CSS to design websites that look and feel good.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
20 Lectures
01:12:02
+
Introduction
3 Lectures 04:21

Improving existing CSS workflow through the features and capabilities of the LESS Preprocessor.

What Is LESS?
01:55

Going through the prerequisites for Windows, Mac, and Linux.

Working with LESS
01:11

Understanding the file/folder structure.

Course File Structure
01:15
+
LESS Variables
3 Lectures 14:22

The rules to follow when writing a LESS variable.

Preview 01:41

How to use LESS variables to store repetitive data in easy to remember names variables?

Working with Variables
06:13

Declaring more complex properties within a LESS variable.

Strings as Variables
06:28
+
LESS Mixins
3 Lectures 08:39

Proper formatting of mixins.

Preview 01:35

Real-world scenario of working with mixins in the best and most effective way.

Working with Mixins
03:13

Standard mixins have a limited usage potential, and adding parameters makes them infinitely more flexible.

Parametric Mixins
03:51
+
Nesting with LESS
4 Lectures 14:59

How to properly write nested selections in LESS?

Preview 01:58

How to write your first LESS Nested section?

Writing a LESS Nested Rule
04:50

How to use non-descendant selection with LESS Nesting?

Nondescendants and Nesting
04:29

How to use Nesting when working with Pseudo- elements so as to apply hover states for links

Advanced CSS and Pseudo-elements in LESS
03:42
+
LESS Functions and Operations
4 Lectures 18:09

Math operations are great for creating dynamic font-sizes and line heights to keep everything well balanced in the event of last minute changes.

Preview 05:42

This may be better for theme or template developers who need to be able to quickly and easily develop multiple iterations of sites and styles in various colors.

Color Operations
03:55

Working with color functions such as darken to perform minor adjustments to colors. Colors that are very well suited to subtle changes that occur in an end users web experience.

Color Functions
04:55

Discuss some of the more advanced LESS functions to highlight some of the great potential available to a developer when using LESS.

Math Functions
03:37
+
Wrapping Up LESS
3 Lectures 11:32

Numerous stylesheets impact on performance through numerous DNS requests and in turn impact on SEO. LESS is a great tool for mitigating this with its variation in the @import function.

Preview 04:32

The compiled versions of a framework can often contain styling and elements that are simply not needed for a specific site. Working with the LESS source files allows you to easily tailor make your own version of that framework to match a project's specific needs.

LESS Frameworks and Templates
05:05

Before signing off for the last time, we will run through some additional resources that are available for you to use after this course.

LESS Resources and Additional Information
01:55
Frequently Bought Together
About the Instructor
Packt Publishing
4.0 Average rating
6,637 Reviews
48,703 Students
570 Courses
Tech Knowledge in Motion

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.