[Wordpress][bundler][rbenv][nodebrew][Gulp]これからはじめるGulp（1）：bundler, rbenv, nodebrewでGulp環境を作ってみる
これからはじめる Gulp シリーズこれからはじめるGulp（1）：bundler, rbenv, nodebrewでGulp環境を作ってみる はじめに この記事はGulp.js（全俺） Advent Calendar 2014です。 今までGruntばかり使って来て、そろそろGulpも使っておこうということで、Wordpressテーマを作るついでに勉強したことをメモしていきます。今回はとりあえずgulpが実行できるところまで進めます。 Gulpとは GulpはGrantと同じタスクランナーの1つです。 色々調べた限りタスクの記述方法がシンプルでわかりやすく高速らしい？ 環境構築 まずはGemの準備からはじめます。Ruby環境はRuby版のSass（gulp-ruby-sassプラグイン）を使わない場合は不要です。gulp-sassプラグインの場合はnode-sassを利用しているのでno
![[Wordpress][bundler][rbenv][nodebrew][Gulp]これからはじめるGulp（1）：bundler, rbenv, nodebrewでGulp環境を作ってみる](https://cdn-ak-scissors.b.st-hatena.com/image/square/28ce70a4ba19573c729e61a380304d78f3fccffd/height=288;version=1;width=512/http%3A%2F%2Fwhiskers.nukos.kitchen%2Fassets%2Fimages%2Fogp.png)
Best practices | Compass Documentation
Contributing Creating Compass Extensions Extending Compass Production Stylesheets Spriting Customization Magic Selectors Sprite layouts Testing Upgrading Lemonade Upgrade Scared to Upgrade? Upgrading to v0.11 Working with Configurable Variables Best Practices Here are some best practices for making your projects easier to build and simpler to maintain. Use a Base stylesheet file Create a _base.scs
君は知っているか、あのCompassのstatsコマンドを！ - Qiita
CSSをリファクタリングしようと思うと、どっから手をつけたら良いかわからなくないですかね？僕はわかりません。 特にSassのような@importでいろいろファイル分割していると、あれこれなんのファイルだったお（＾ω＾;）ってことがよくありませんかね？僕はないです！ ということで、あなたがCompassプロジェクトを使用しているのならば、config.rbのある場所で下記のコマンドを打ってみましょう。 そうすると下記のようなCSSに関する情報が表示されます。 どこで何回ミックスインが定義されて使用されているか、ファイルサイズがどれくらいかプロパティがどれだけ宣言されているかなど、一目瞭然ですね。これで、どこからリファクタリング・手をつけていったらいいのかなど参考にできるかと思います。 ちなみに、statsコマンドのヘルプは下記 $ compass stats --help Usage: co
Ruby で Sass のカスタム関数を書く
Sass で関数を書く方法は 2 つあります。ひとつは Sass の @function ディレクティブ を使って Sass ファイル内に定義する方法。 $grid-width: 40px; $gutter-width: 10px; @function grid-width ($n) { @return $n * $grid-width + ($n - 1) * $gutter-width; } 簡単かつカジュアルに書ける反面、当然ながら Sass のネイティブ関数やディレクティブの制限を受けるので、できないことも多いです。とくに Sass は文字列系の関数があまり用意されておらず、不満を感じることも少なくありません。 もうひとつの方法は、Ruby でカスタム関数を書いて Sass を拡張する という方法です。Ruby の知識が必要で、かつ Sass ファイルに直接定義するのとは違って別フ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Zurui Sass Sample
Bourbon - A Lightweight Sass Tool Set
