タグ

stylusとCSSに関するalluserのブックマーク (2)

  • Normalize.css を npm で管理して Stylus に組み込む - アカベコマイリ

    これまで Stylus から Normalize.css を利用する場合、以下のように管理していた。 bymathias/normalize.styl から normalize.styl をダウンロード プロジェクトの src/stylus/lib フォルダ内に normalize.styl を配置 Stylus のエントリー ポイントで @import "lib/normalize.styl" つまり静的リソースとして扱い、バージョン更新があれば手動で置き換えていた。面倒な作業だが、CSS では JavaScript における npm と Browserify/webpack のようなリンカー的な仕組みが確立していないと考えており、また、更新も滅多にないことから放置していた。 しかしふと、Normalize.css のサイトをチェックしたら 公式 npm が用意されていた。また Styl

  • Stylus + Nib を使ってみた

    Stylus + Nib を使ってみた Sass の Compass インスパイアードな Stylus のライブラリ Nib を使ってみました。よく使うベンダープリフィックスやグラデーション、clearfix 等の便利な mixin の詰め合わせです。インストールについてはこちら(Stylus, Nib, node-canvas をインストール)。 Stylus って何?という方は公式(LearnBoost/stylus - GitHub, Stylus - Expressive, dynamic, robust CSS)や Kyosuke hamalog (Sass と LESS 以外の選択肢 Stylus) 等をどうぞ。 この記事は Less & Sass Advent calendar 2011 に触発されて書きました。Less, Sass(, Stylus) についての面白くって為

    Stylus + Nib を使ってみた
  • 1