haml(11)

11follower
goto_jp さんのアバター 577views

Haml:textarea、preでの複数行テキスト出力

%textarea :preserve テキスト テキスト %pre = preserve do :escaped <div>test1&l... 2014年8月20日
goto_jp さんのアバター 230views

Haml:クラス、IDを付与する

!!! %html %head %title Haml test %body %h1.title Hello World #main %p テスト ... 2014年8月20日
goto_jp さんのアバター 576views

Haml:出力HTMLのコード内改行を制御する

%div %p %span 改行されるテキスト 例えば上記のようなHamlをコンパイルすると下記HTMLに出力されます。 <div> <p> <span>改行され... 2014年8月18日
goto_jp さんのアバター 585views

Haml:ループ(for文)を扱う

Hamlの文中でforを使った条件ループを行えます。 !!! %html %head %title Haml test %body %ul.list - for i ... 2014年8月18日
goto_jp さんのアバター 2,822views

Haml:条件分岐(if文)を扱う

Hamlの文中で条件分岐を行えます。 !!! %html %head %title Haml test %body -x = 3 -if x >= 5 ... 2014年8月12日
goto_jp さんのアバター 841views

Haml:変数を扱う

頭に「-」を付けることで変数の宣言を行えます。 !!! %html %head %title Haml test %body %h1 Hello World -x = 3 ... 2014年8月12日
goto_jp さんのアバター 292views

Haml:Haml内でRubyの記述を使う

HamlはRubyで動いているため、Haml内の記述にRubyを使うことができます。 !!! %html(lang="ja") %head %title Haml test %body %h... 2014年8月11日
goto_jp さんのアバター 530views

Haml:CSSやJavaScriptをフィルター機能で記述する

例えば下記のように<style>タグを書こうとしてもHamlコンパイル時にエラーが出てしまいます。 !!! %html %head %title Haml test %style ... 2014年8月11日
goto_jp さんのアバター 2,377views

Haml:コメントの書き方

!!! %html %head %body / 一行コメント / 改行&インデントでコメントも入れ子になります。 改行&インデントでコメントも入れ子になります。 -# ... 2014年8月7日
goto_jp さんのアバター 343views

Hamlの基本

!!! %html(lang="ja") %head %title Haml test %meta(charset="UTF-8") %body %h1 Hello World... 2014年8月7日
goto_jp さんのアバター 493views

WebStormでHamlをインストールしgruntで自動化する

まずHamlとは何ぞやという点からですが、まずは下記Hamlコードをご覧ください。 !!! %html %head %title Haml test %body %h1 Haml test ... 2014年8月6日