Rapid LESS

Write less code, time-saving cheats, and design a professional website using the LESS CSS preprocessor
4.0 (2 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.
31 students enrolled
$19
$50
62% off
Take This Course
  • Lectures 20
  • Length 1 hour
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2015 English

Course 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.

What are the 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.

What am I going to get from this course?

  • 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

What 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.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
01:55

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

01:11

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

01:15

Understanding the file/folder structure.

Section 2: LESS Variables
01:41

The rules to follow when writing a LESS variable.

06:13

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

06:28

Declaring more complex properties within a LESS variable.

Section 3: LESS Mixins
01:35

Proper formatting of mixins.

03:13

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

03:51

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

Section 4: Nesting with LESS
01:58

How to properly write nested selections in LESS?

04:50

How to write your first LESS Nested section?

04:29

How to use non-descendant selection with LESS Nesting?

03:42

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

Section 5: LESS Functions and Operations
05:42

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

03:55

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.

04: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.

03:37

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

Section 6: Wrapping Up LESS
04: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.

05:05

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.

01:55

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Packt Publishing, Tech Knowledge in Motion

Over the past ten years Packt Publishing has developed an extensive catalogue of over 2000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

Ready to start learning?
Take This Course