タグ

2014年8月18日のブックマーク (1件)

  • HTMLやCSSをSmartに書くためのツール(Stylus編) - 生存戦略型プログラミング

    前回はJadeを使ってHTMLを簡単に完結に記述する方法を紹介しました。 今回はStylusというものを使ってCSSを簡単に完結に記述する方法を紹介します。 どのようにきれいになるのかまずは例をみてみましょう。下記のsample.cssは普通のCSSのコードです。下のsample.stylはsample.cssをStylusで書いたものです。 CSSのあの括弧とかセミコロンとかがなくなってすっごくきれいになりました!! Stylusとは StylusはSassやLessと同様であるCSSメタ言語の一つです。 特徴はLessやSassと同様にCSS内で変数が使えたり、Mixinsができたり、入れ子ができたら.......etc といろいろあるのですが 最大の特徴はコードをRubyっぽく書けるということです。 具体的にどういうことかというとLessやSassと違ってこんなことが出来ます。 コロ

    HTMLやCSSをSmartに書くためのツール(Stylus編) - 生存戦略型プログラミング
    ingo
    ingo 2014/08/18