The document discusses HAML and SASS, template languages that aim to reduce repetition in HTML and CSS through concise syntax and the ability to nest code and include partials. It notes that HAML and SASS work best for projects with complex page structures, a build process, and view caching, and are not as well suited for projects where the production staff are new to HTML and CSS. Implementations of HAML and SASS exist for many programming languages and environments like Ruby on Rails, PHP, and JavaScript.

1. `
Concise Layout and Style
HAML & SASS
<div class=”special”>
<p> .special
A <strong>trivial</strong> example %p
A
case. %strong trivial
</p> example case.
</div>
Simon de Boer – President
simon@ingamer.com

2. HTML / Template Languages
Lots of textual repetition, <p>Block #1</p>
opening + closing <table>
<tr>
Browsers give “random”
<td>Block #2</td>
</tr>
behaviour with incorrect <p>Block #3</p>
markup
Strings need proper and Block #1
context aware escaping Block #3
Has no opinion on source
Block #2
layout

3. CSS
Extremely repetitious
Lacks
Inclusions
Methods
Variables
Has no opinion on source code layout

4. Its Great
For projects with at least 2 of:
Lots of custom views
A build process
View caching in production
Assets served from a CDN
Complex page structures

5. Not Good
Projects where:
You can't check some of the previous
boxes
Production staf are learning HTML/CSS
Its a one-of
Unless – its just your default (like rails)

6. Implementations
Dynamic Engines Processors
Rails (haml) HAML
PHP Python
Java Lua
Javascript (*)
SASS
Will watch for
changes

7. Source Code Layout Opinion
White space matters
2 space tabs
Tab nesting is node/class nesting
Position matters
High powered characters
%, =, ., {}, (), @, ...

8. Real Example
Trivial Example
Non-Trivial Example
Real World Example

9. Links
http://haml-lang.com/
http://sass-lang.com/
http://en.wikipedia.org/wiki/Haml