画像の「DataURI」をCompassで一発生成してHTTPリクエストを削減する
以前もDataURIについて書きましたが、Compassの関数一つで画像のDataURIを生成できると気づき、フロントデザイナーが扱う分にはこれが現状最適解に思えたのでメモします。 下記の記述だけで画像の参照パスだけ変え…
CompassでCSSスプライトを作るテンプレ
前提 フォルダ構成は下記を前提。 root ├css ├sass ├img │└icon │ ├画像.png │ ├画像.png │ ├… └config.rb config.rb 内の images_dir は img…
Gruntを導入した
友人超推しの自動化環境Gruntを導入してみた。 http://kojika17.com/2013/03/grunt.js-memo.html こちらでGruntインストールと自動実行などの基礎。 http://www….
Sassコンパイラ「Prepross」とCSSフレームワーク「Gumby」で高速プロトタイピング
昨今注目度も高まっているSassを、最も簡単に使えるコンパイラ「Prepros」と、個人的に最近お気に入りのCSSフレームワーク「Gumby」を広めたくて書きます。 SassやCSSフレームワークとか、ちょっと二の足踏ん…
WebStormを使う：Sassの利用編
さて前回の記事でWebStormのインストールを終えましたが、やはりSassコンパイルもWebStormでまとめてしまいたいなーと思ったので、Sassを扱えるようにしました。 PreprosなどPCにRuby、Sassを…
Sass を Win + Dreamweaver 環境で使えるようにする
Win+Dreamweaver（以下DW）環境でSassを使えるようにし、初歩をかじって理解まで出来る、自分の中では最も簡単なクイックガイドです。30分後には貴方もSassを扱えるようになってます。 Scoutのインスト…