SASSのMixinでカスタマイズしやすいパーセントベースのグリッドシステム作ってみた
SASS(SCSS)でパーセントベースのシンプルなグリッドMixinを作ってみました。
Mixinにすることでカラム数やマージンの微調整が簡単にできるようになります。
- 投稿日
- 更新日
SASS
PhpStormだけでファイル監視してSASS/SCSSをコンパイルする
前のバージョンまではちょっと設定が複雑だったので使用していなかったのですが、PhpStorm7になってSASS/SCSSなどプリプロセッサファイルの監視がかなり簡単になっていたのでご紹介します。PhpStorm7での解説ですが、WebStormなど他JetBRAINS製品でもほぼ変わらないはずです。
- 投稿日
- 更新日
SASS/SCSSで基本カラーを設定して効率よくカラーバリエーションを作成する
SASS/SCSSには様々なカラーコントロール機能がありまして、この機能を利用すればカラーバリエーションの作成やカラー修正など効率的に行うことができますよ。
- 投稿日
- 更新日
SASSもCoffeeScriptもGuardでまとめて自動コンパイル
SASSとCoffeeScriptを使いたいとき別々の処理をするのはめんどくさいですね。GuardというRubyのGemを使えばまとめて監視して自動でコンパイルしてくれるので快適になるようですよ。
- 投稿日
- 更新日
WindowsにCompassをインストールしてSASS/SCSS環境を構築する
今更ではありますがWindowsにCompassをインストールしてSASS/SCSSの開発環境を構築してみたいと思います。
- 投稿日
- 更新日