タグ

ブックマーク / www.shirokuro331.net (2)

  • Sassで複数のcssファイルを統合 @import |

    もちろんSassじゃなくても@importで複数のcssファイルを読み込むことはできます。ですがその場合ですと、読み込むcssファイル分のHTTPリクエストが発生してパフォーマンスに影響を与えてしまいます。 Sassだと@importを使うとスタイルシートを統合することになるので、1回のHTTPリクセストで済むことになり、パフォーマンスに影響を与えなくなるそうです。(実際に吐き出されたファイルを見ても@import の記述はなくなっています) 統合するファイル:style.scss 他のscssファイル:_other.scss、_homu.scss Sassコマンド入力後生成されるファイル:style.css style.scssに @import "other"; @import "homu"; と記述して sass style.scss:style.css 上記のようにコマンドを

    ponki_8
    ponki_8 2014/02/13
  • Sublime Text 2 で Sass/compass のコンパイルができるパッケージ 『Compass』 « shilog

    この記事は Sublime Text 2 Advent Calendar 2012 とは関係なく書いております。 いや、Sublime Text 2 Advent Calendar 2012 で投稿されていた 一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTPで作業効率化する方法。 という記事を読んで、自分で試したことのメモなので少し関係あるかな。 記事書いてくれた @tomo_thumb さん、ありがとうございます m(_ _ )m ということで、Sublime Text 2 だけで Sass/Compass のコンパイルができるということで、黒い画面でコマンドゴニョゴニョしたり、いちいち Scout 立ち上げたりしなくてもよさそうなので、Sass/Compass の導入の敷居が少し下がりそうな感じですね。以下、Windows 環境での解説。 pack

  • 1