.Less - CSS done right

.less - CSS doneright!
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

Howwe do use CSS
CSS Zen Garden
Markup iscompletelydecoupled
Drasticallychangesthelayoutofthepage.
Markup looksgood – CSS a nightmare
Multiple classes
Good CSS reuse
Markup „married“ tospecific CSS code.
Not muchbetterthanstyle=„…“ (<2000)

CSS Zen Garden
Good CSS lookslikethis:

CSS Zen Garden
Good CSS lookslikethis:
Redundant! DRY-Violation

Multiple Classes
CSS looksgood
Markup not so much:

CSS alwayssucks!

LessCss
A revolutionary Ruby Framework to fix CSS
http://lesscss.org

Variables
LESS
CSS

Operations
LESS
CSS

Mixins
LESS
CSS

Nestedrules
LESS
CSS

dotless
.NET Port ofLessCss
Started in July
Foundedby:
Erik van Brakel
Chris John Owen
Daniel Hölbling
Native .NET parser/compiler

Features
CompleteLess Syntax
Transparent Lesscompilation
(Through HttpHandler)
Console Compiler
T4CSS – Lessthrough T4 Templates
Built in CSS Compression

Thanksforlistening!
More info: http://www.dotlesscss.com
My Blog:http://www.tigraine.at

http://www.tigraine.at	294
http://www.slideshare.net	4
http://translate.googleusercontent.com	2

.Less - CSS done right

by Daniel Hölbling on Feb 06, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 300

Statistics

.Less - CSS done right — Presentation Transcript