ゴトー
ベストなフロント開発環境構築：Bowerのインストール
Grunt + Bower + Yeoman の組み合わせがフロント開発の環境構築・共有に現状最強との話を聞き、導入についてまとめていきます。 前提としてnode.jsとWindowsならGitShellが必要です。Gr…eGitでリモートブランチをチェックアウトした時のブランチ名がおかしい時の対応
Eclipse の eGit からリモートブランチを新規にチェックアウトすると、ブランチ名がそのブランチの最終コミットIDになってしまうことがある。（というか自分の環境では100%なる） このままではプッシュすることがで…Sass：@functionで関数を作る
Sassには多数の標準関数がありますが、不足があれば自分で作れます。 基本形は下記の記法。 @function 関数名($引数) { @return 処理; } 例えば下記の例。 @function boxWidth($…WordPressメモ：特定の親カテゴリ以下の表示を切り替える。
カテゴリ1 カテゴリ2 ├カテゴリ3 ├カテゴリ4 └カテゴリ5 上記のようなカテゴリ構成の時、カテゴリ2およびそのサブカテゴリ（3～5）の表示を個別に切り替えたい場合。 <?php if (is_category…Sassメモ：関数でカラースキームを自動生成する。
Sassには標準で便利な関数が用意されています。標準関数は膨大にありますが、一例として色に関する関数を使ってカラースキームを作る記法を紹介します。 下記はSass記法例。 $mainColor: #339999; $li…Sass：@extend でCSSクラスを統一しよう
あるCSSクラスをベースに、右詰めや左詰めなどバリエーション違いのクラスを作りたいというケースに @extend は使えます。 下記はSass記法例。 .box { width: 300px; height: 200px…Sassメモ：@mixin と @include でCSSプロパティを楽に統一しよう
似たようなスタイルのパターン違いを作る時など、同じプロパティを書くのは手間なので @mixin と @include で楽しましょう。下記はSass記法例。 @mixin boxSize() { width:200px;…