タグ

Sassに関するnenzabのブックマーク (2)

  • CSSCSSでCSSスタイルの重複を整理する - Qiita

    CSSの面倒くさいところ CSSは簡単に書けることが良さでもありますが、ある時は試行錯誤を繰り返すうちに、またある時は運用を続けるうちに、記述がもりもりと肥大化してしまいがちです。 (CSSのスパゲッティコード…とはあまり言わないけどそんな感じ)これはCSSの面倒くさいところですよねー。 特に近年Bootstrapなど重量級CSSフレームワークを使用する機会も増えてきていますので、表示を高速化させるために、あるいは保守性を高めていくために可能な限りシンプルに記述していきたい。 …そんなこともありCSSをあの手この手でわちゃわちゃするわけですが、 未使用CSSを見つけ出してリムーブ プロパティ指定の重複を見つけ出して整理 OOCSSやSMACSSやBEMといったCSS設計を採用する SASSなどCSSプリプロセッサ(CSSメタ言語)を使用する .minファイル化やgzipで圧縮する CDN配

    CSSCSSでCSSスタイルの重複を整理する - Qiita
  • AtomでSass + Compassのコンパイルをしてみよう | WebLifeTimes

    Atomのsass-autocompileでSassのコンパイルをしてみようという記事でパッケージを使ったsassファイルのコンパイルについて書きましたが、sass-autocompileではCompassでのコンパイルに対応していませんでした。 Sass + Compassとういう組み合わせは多いので、Compassを利用しているsassファイルをコンパイルする方法を紹介します!今回はパッケージなどを利用するわけではなく、コマンドからコンパイルをするという流れになります。 Compassとは そもそもCompassってなに?と思われている方へ簡単に説明すると、CompassはSassのフレームワークでSassをより便利に利用することのできるものです。 それでは、ここから実際にCompassを使ったコンパイルをするまでをみていきたいと思います! Rubyの確認 まず、Sassを利用するには

    AtomでSass + Compassのコンパイルをしてみよう | WebLifeTimes
  • 1