This page has moved to http://stylus-lang.com/
This page has moved to http://stylus-lang.com/
前回のつづき。Node.js(Express)で使えるSassは、1つ前の旧型のSassシンタックスで、現在最新のバージョン3形式での記述が出来なかったという話。これを改善する情報をいろいろ探し回った末、Stylusという新しいCSSテンプレートに出会ったぁ(ウルルン風に) 旧型Sass問題 Sassは、現在最新版のバージョン3でのシンタックスと、それ以前のシンタックスで微妙に書き方が違う。さらに、バージョン3からはSCSS形式も導入されたので、結構ややこしい。expressコマンドの-cオプションを使って、Sassを指定した場合に自動生成されるstyle.sassはこんな感じ。これは旧型のSassシンタックス。 body :padding 50px :font 14px "Lucida Grande", Helvetica, Arial, sans-serif a :color #00B
前回は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と違ってこんなことが出来ます。 コロ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く