Write better CSS with {LESS} | Sandy Ludosky | Skillshare

Write better CSS with {LESS}

Sandy Ludosky

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
17 Videos (1h 40m)
    • Welcome!

      1:08
    • Introduction

      0:39
    • Variables

      8:10
    • Nesting

      10:13
    • Mixins

      10:52
    • Operators

      6:03
    • Introduction

      0:47
    • Parametized mixins

      13:01
    • Guarded mixins

      6:10
    • Built in Functions

      2:36
    • @import

      7:22
    • ProjectOverview

      2:10
    • Grid

      10:14
    • Header

      5:47
    • Main

      8:47
    • Footer

      2:16
    • More

      3:50

About This Class

What is LESS ?

Less is a CSS is a superset of CSS and a pre-processor programming language, often referred as "Dynamic CSS".

  • LESS syntax is modelled after traditional CSS
  • LESS compiles into standard CSS3
  • LESS allows you to extend your CSS with great features such as :
    • Variables for faster maintenance
    • Mixins as re-usable objects
    • Nesting for a cleaner stylesheet structure
    • Math calculations with the Operators.
  • Less code and more work done !

Why use LESS ?

While CSS is a great language, it has its limitations.

For example, if you have a color code used multiple times in your stylesheet, you need to edit this one multiple times to update your design. Very tedious process!

LESS is great for the following reasons. :

  • Allows to cut down one code and save time
  • Reduce repetition (DRY) and mistakes
  • It makes logical sense to break out CSS into multiple files with the feature

Every web developer or front-end UI engineer should use LESS over traditional CSS 

322

Students

--

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada.

I specialize in Front-End using HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery.

I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few.

Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.

On top of be...

See full profile

Technology Web Development HTML CSS Sass Less
Report class