Top Banner
LESS is MOAR A guide to easier & more efficient CSS using the LESS preprocessor. Tuesday, 05 February, 13
7
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: LESS is MOAR

LESS is MOARA guide to easier & more efficient CSS

using the LESS preprocessor.

Tuesday, 05 February, 13

Page 2: LESS is MOAR

Randy OestDesigner & Developer

Williams Randall Marketing

@amazingrando

Tuesday, 05 February, 13

Page 3: LESS is MOAR

CSS has limitations

•NO Variables

•NO Calculations

•NO Color Manipulations

•NO Libraries

Tuesday, 05 February, 13

Page 4: LESS is MOAR

What is LESS?

LESS is a CSS preprocessor. It takes written code and processes it into CSS.

CSS

Tuesday, 05 February, 13

Page 5: LESS is MOAR

Preprocessors are popular

Because they put the focus on the thinking and reduce grunt work.PHP and ASP are to HTML as LESS and SASS are to CSS.

Tuesday, 05 February, 13

Page 6: LESS is MOAR

Compiling LESS

• Javascript (Not For Production)

• Server-side (Node.js, LESS Gem, LESS.NET, etc.)

• Precompile with an app (CodeKit, SimpLESS)

Tuesday, 05 February, 13

Page 7: LESS is MOAR

Let’s Dive Into LESS

Tuesday, 05 February, 13