Presentation from Barcamp Klagenfurt about dotlesscss. http://www.dotlesscss.com

1. .less - CSS doneright! Daniel Hölbling http://www.tigraine.at http://www.dotlesscss.com

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

3. 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)

4. CSS Zen Garden Good CSS lookslikethis:

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

6. Multiple Classes CSS looksgood Markup not so much:

7. CSS alwayssucks!

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

9. Variables LESS CSS

10. Operations LESS CSS

11. Mixins LESS CSS

12. Nestedrules LESS CSS

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

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

15. Demo

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