タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

HAMLに関するwatanata2000のブックマーク (3)

  • Haml/Scssの準備

    Hamlを使う Rails3ではeRuby実装のerubisというテンプレートエンジンが利用されているが、Hamlを調べてみたい。 Haml公式サイトをみる http://haml-lang.com/ チュートリアルを読む ・「%タグ名 文字列」とすると文字列がタグで囲まれる ・タグにidやclass属性をつける場合は2通りあり 「%タグ{:class => "xxx", :id => "yyy"} テキスト」 のようにハッシュで渡すか、 「%タグ.クラス名#id名」 の様にcssを定義する時のようにも記述できる ・ネストするタグはソースコードのインデントで調整する(yamlみたいに) ・「%タグ名」が省略された場合はデフォルトでdivタグが使われる。 ・タグの後ろに= をつけるとRubyを評価。 ただし、タグの中でRubyを評価する場合は#{Rubyのコード}を使う さっそくRails3

    watanata2000
    watanata2000 2013/04/02
    基本 はじめに 書き方 記法 + SCSS ERB 一緒 利用
  • マークアッパー的 Haml入門21の手引き - Web学び

    2012年 4月 11日 HamlはHTMLを効率的に生成するための記法です。 むずかしいと思っている方も多そうなので、かいつまんでシンプルにまとめてみました。 Hamlを使えるようにする Macの場合は アプリケーション>ユーティリティ>ターミナルを開きます。 開いてすぐの位置に次の一行を入力します。 gem install haml 処理が数分ほどかかります。ターミナルはそのままにしてください。 HamlファイルをHTMLに変換する まずは書いたコードがどのようにHTMLとなるのか確認できるようにしましょう。 試しにデスクトップにtest.hamlというファイルを作ります。 HamlをHTMLにするため、先ほどのターミナルを開きます。ファイルを置いた階層までcdで移動します。 cd desktop これを入力しEnter(return)キーを押して haml test.haml tes

    マークアッパー的 Haml入門21の手引き - Web学び
    watanata2000
    watanata2000 2013/04/02
    基本 はじめに 書き方 記法
  • unoh.github.com by unoh

    先日、まちつく!が正式リリースになりました。よろしければ是非携帯でアクセスして遊んでみてください。 こんにちは、ryosukeです。 ラボブログの前々回のエントリーで ruby で実装された web application framework の Sinatra が紹介されていたのですが、私もあまりのお手頃感に触発されて少しさわってみました。 その時にふとモデルやビューにいつもは使わない物を使ってみようと思い立ち、 Sequel と Haml を選んでみたのですが、 Haml の構文が見た目に反して(?)思いの他わかりやすかったので、今更感もありますが私同様 erb 以外使おうとも思わなかった人も少なくないのでは無いかと思いご紹介させて頂こうと思います。 Haml は XHTML Abstraction Markup Language の略で...という所から説明するのが筋なのですが、あっ

    watanata2000
    watanata2000 2013/04/02
    基本 はじめに 書き方 記法
  • 1