WebStorm(やその他のJetBrains IDE)でCompassを使う方法 | Post Blog
SassやSCSSはCSSを変数やmixim、セレクタの継承といった機能でCSSをモダンなスタイルで開発できるようにするフレームワークです。CompassフレームワークはSassをベースにした新しいフレームワークで、SassやSCSSの機能を引き継ぎながらより再利用性、生産性を引き上げることができます。 WebStormでCompassをセットアップするには以下の手順に従ってください。(PhpStorm、RubyMine、PyCharm、IntelliJ IDEAも概ね同様に設定できます) まず、お使いのコンピュータにRubyをインストールます。次にビルトインターミナルより次のコマンドを打ち、Compassをインストールします: gem install compass Compassの一般的なインストール方法については次のページにより詳しく記載されています: http://compass-
WindowsにCompassをインストールしてSASS/SCSS環境を構築する
SASSはRubyのgem（プログラム）なります。 Macには最初からRubyが入っているのですが、Windowsだと入っていないのでインストールしましょう。 インストーラーを使用すると簡単です。下記URLからダンロードしてください。 ここでは現時点で最新版の「Ruby 2.0.0-p0」をダウンロードしてみます。 RubyInstaller インストールするときに、環境変数のPATHをチェックしておきます。 スタートアップメニューの「アクセサリ」から「コマンド プロンプト」を起動します。 ruby -v と入力して ruby 2.0.0p0 と表示されたらインストール完了です。 Compassのインストール 「コマンド プロンプト」から下記のコマンドを順に実行します。 gem update --system gem install compass 下記コマンドでインストールされたか確認し
IntelliJ IDEAでCompassを使う方法（設定の最適化） - Qiita
インストールまではできたけど、IntelliJ IDEAで（おそらくPhpStormやWebStormも同様に）自動でコンパイルさせるための設定がよくわからない！というわけで調べました。 事前準備 Compassをインストール。$ compass -vで確認する IntelliJ IDEAにFile Watcherプラグインをインストール プロジェクトにCompassをセットアップする ディレクトリ構造 今回のディレクトリ構造はこんな感じにしてみます セットアップコマンドを叩く IntelliJ IDEAのTerminalを開き、以下のコマンドを叩きます。（場所はプロジェクトルートのままでOK） compass install compass --sass-dir "web/sass" --css-dir "web/css" --javascripts-dir "web/js" --ima
カスタマイズが簡単なWordPressテンプレート『bones』4つの特徴
ぼくは今、ダンス動画を紹介するサイトを運営しています。 一般的にはまとめサイトとか、キュレーションサイトという風に呼ぶのでしょうか。 それがこのサイトです。 すごいオススメダンス動画を紹介『Dance Movie OohWee』 このサイトはWordPressにbonesというテーマをインストールし、このテーマをカスタマイズすることで構築しました。 構築する上で色々勉強になってことがあったので、この記事でお伝えしようと思います。 bonesでサイトを構築した理由 ぼくはhtmlやcssの勉強もかねてサイトを構築したいと考えていたので、カスタマイズすることが前提のテーマを選択しようと思っていました。 そんな時に参考にしたのがこのサイトです。 密かに使ってるカスタマイズ前提のWordPress ブランクテーマ4つ ここでbonesというテーマを見つけました。 色々調べてみると以下のような特徴が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
File watcher on a SCSS file