.LESS - CSS DONE RIGHT!

Daniel Hölbling

http://www.tigraine.at

http://www.dotlesscss.com

WHAT IS CSS?Cascading Style Sheets (CSS) is a style sheet language used to

describe the presentation semantics (that is, the look and formatting) of a document written in a markup language

HOW WE DO USE CSS CSS Zen Garden

Markup is completely decoupledDrastically changes the layout of the page. Markup looks good – CSS a nightmare

Multiple classesGood CSS reuseMarkup „married“ to specific CSS code.Not much better than style=„…“ (<2000)

CSS ZEN GARDEN Good CSS looks like this:

CSS ZEN GARDEN Good CSS looks like this:

Redundant! DRY-Violation

MULTIPLE CLASSES CSS looks good

Markup not so much:

CSS ALWAYS SUCKS!

LESSCSSA revolutionary Ruby Framework to fix CSS

http://lesscss.org

VARIABLES

LESS CSS

OPERATIONS

LESS CSS

MIXINS

LESS CSS

NESTED RULES

LESS CSS

DOTLESS .NET Port of LessCss

Started in JulyFounded by:

Erik van Brakel Chris John Owen Daniel Hölbling

Native .NET parser/compiler

FEATURES Complete Less Syntax Transparent Less compilation

(Through HttpHandler) Console Compiler T4CSS – Less through T4 Templates Built in CSS Compression

DEMO

THANKS FOR LISTENING!

More info: http://www.dotlesscss.com

My Blog:http://www.tigraine.at