Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
`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
Nächste SlideShare
Wird geladen in …5
×

Haml

  • Loggen Sie sich ein, um Kommentare anzuzeigen.

  • Gehören Sie zu den Ersten, denen das gefällt!

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

×