Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
`Concise Layout and StyleHAML & SASS<div class=”special”><p>                                  .specialA <strong>trivial</s...
HTML / Template LanguagesLots of textual repetition,    <p>Block #1</p>opening + closing              <table>             ...
CSSExtremely repetitiousLacks  Inclusions  Methods  VariablesHas no opinion on source code layout
Its GreatFor projects with at least 2 of:Lots of custom viewsA build processView caching in productionAssets served from a...
Not GoodProjects where:You cant check some of the previousboxesProduction staf are learning HTML/CSSIts a one-ofUnless – i...
ImplementationsDynamic Engines   ProcessorsRails (haml)      HAMLPHP               PythonJava              Lua            ...
Source Code Layout OpinionWhite space matters 2 space tabs Tab nesting is node/class nestingPosition mattersHigh powered c...
Real ExampleTrivial ExampleNon-Trivial ExampleReal World Example
Linkshttp://haml-lang.com/http://sass-lang.com/http://en.wikipedia.org/wiki/Haml
Upcoming SlideShare
Loading in …5
×

Haml

559 views

Published on

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

Haml

  1. 1. `Concise Layout and StyleHAML & SASS<div class=”special”><p> .specialA <strong>trivial</strong> example %p Acase. %strong trivial</p> example case.</div>Simon de Boer – Presidentsimon@ingamer.com
  2. 2. HTML / Template LanguagesLots 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>markupStrings need proper and Block #1context aware escaping Block #3Has no opinion on source Block #2layout
  3. 3. CSSExtremely repetitiousLacks Inclusions Methods VariablesHas no opinion on source code layout
  4. 4. Its GreatFor projects with at least 2 of:Lots of custom viewsA build processView caching in productionAssets served from a CDNComplex page structures
  5. 5. Not GoodProjects where:You cant check some of the previousboxesProduction staf are learning HTML/CSSIts a one-ofUnless – its just your default (like rails)
  6. 6. ImplementationsDynamic Engines ProcessorsRails (haml) HAMLPHP PythonJava Lua Javascript (*)SASS Will watch for changes
  7. 7. Source Code Layout OpinionWhite space matters 2 space tabs Tab nesting is node/class nestingPosition mattersHigh powered characters %, =, ., {}, (), @, ...
  8. 8. Real ExampleTrivial ExampleNon-Trivial ExampleReal World Example
  9. 9. Linkshttp://haml-lang.com/http://sass-lang.com/http://en.wikipedia.org/wiki/Haml

×