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