タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

cssとsassに関するarikuiのブックマーク (2)

  • IE 9以下に存在するセレクター数制限にはまった

    IE 9以下に存在するセレクター数制限にはまった 開発中にいきなりCSSが壊れて原因を探っていたらこれに行き着きました。IE 9以下では1つのCSSファイル当たり4,095個までしかセレクターを認識しない。4,096個以上は無視される。ええええ。。 SCSSだと割とカジュアルにセレクター数が増える CSSは出来るだけ1ファイルにまとめたい(リクエスト数削減のため) との組み合わせがやばい。SCSSはセレクターが他のページに影響しないように以下のように書いていました。 // 共通部分 @mixin foo { color: red; .foo { font-size: 2em; // たくさんの指定… ... } } // 影響範囲を以下のページのみに限定したい #page-a { @include foo; } #page-b { @include foo; color: yellow;

  • github に saag をリリースしました - すがブロ

    saag とは HTML/XHTMLを生成するためのマークアップ言語である、 Haml(参考:日Hamlの会) をインストールするとついてくる CSS 用マークアップツール、 Sass の編集を補助するツールです。 Sass の説明はSassでCSSの弱点を克服しよう − @IT が詳しいです。 Sass は sass コマンドを用いる事で *.sass ファイルを読み込み、 css ファイルを出力する事ができます。 sinatra 等のフレームワークを用いる事で上記 sass ファイルを動的に読み込んだりもできるのですが、 そうではない場合は、まず Sass で開発し、静的ファイルとして CSS を出力するような運用の方ありそうな気がするんですね。 そんなわけなので、 sass ファイルを監視し、変更があった場合にすぐに css ファイルを生成するツールがあると便利なのでは、と思って

    github に saag をリリースしました - すがブロ
  • 1