HAML - geras ERB pakaitalas

Posted by Fiodor Vereščiaka 01/05/2007 at 22h18

HAML (XHTML Abstraction Markup Language ) - tai dar viena šablonų sistemą. Pagrindinis HAML principas - kodas turi būti gražus ir lengvai skaitomas. Išmokti HAML labai paprasta, jums tai užtruks maždaug 20 minučių.

Kodo pavyzdžiai:

# Rhtml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html
  <head>
    <title>Užkandinės meniu</title>

  </head>
  <body>
    <p>
      <b>Pagrindiniai patiekalai:</b>
    </p>

    <table id="menu">
      <tr>
        <td>Pica</td>
        <td>Koldūnai</td>

        <td>Dešrelės</td>
     </tr>
    </table>
  </body>
</html>

Perdarant tai į HAML teks dažnai pasinaudoti 'Delete' klavišu.

!!!
%html
  %head
    %title Užkandinės meniu
  %body
    %p
      %b Pagrindiniai patiekalai:
    %table#menu
      %tr
        %td Pica
        %td Koldūnai
        %td Dešrelės

Kodas akivaizdžiai paprastesnis ir gražesnis. Nereikia rašyti uždarančių tagų. Kada tagas turi užsidaryti sprendžiama pagal indentacija. Indentacija turi būti 2 tarpai. Papildoma dokumentacija:

SASS (Syntactically Awesome StyleSheets) - meta-kalba kuri supaprastina CSS stilių "gamybą". Stilių sintaksė tampa aiškesnė, atsiranda naujų galimybių.

Pavyzdžiui:

.funky
  :font
  :family fantasy
  :size 30em
  :weight bold
  p
    :font-size 2em

sugeneruos toki css failiuką:

.funky {
font-family: fantasy;
font-size: 30em;
font-weight: bold; }

.funky p {
font-size: 2em }

.css failas generuojamas tik vieną kartą, todėl dėl jo stabdžių neatsiras. Taip pat galima naudoti ir konstantas. Daugiau informacijos oficialioje dokumentacijoje.

Sintaksės spalvinimas skirtingoms IDE HAML Syntax Highlighting

Jei turite minčių kaip galima patobulinti HAML arba suradote klaidą, užeikite į http://groups.google.com/group/haml?hl=en

Ten aptarinėjamos paskutinės naujovės, klaidos. Galima užduoti klausimą ir pačiam autoriui.

no comments | no trackbacks