タグ

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

タグの絞り込みを解除

testとCSSに関するturusuke_0のブックマーク (3)

  • オンラインCSS解析 StyleStats.org - MOL

    前回スタイルシートの統計情報を出力するNode Packageを作ったわけだけど、やっぱりオンライン上で簡単に試せれたらいいよねーってことで、オンラインツールを作った。 StyleStats.org 使い方は、URLを入力するか、ローカルのファイルをアップロードするか、直接入力するか3種類選ぶことができる。 URLを入力するのが一番簡単なのでオススメ。自分の作ったサイトとか入力してみるといい。基コマンドラインツールとしていることは同じなんだけど、Unique Colorのプレビューが見れるので『色使い過ぎだなー』とか実感出来る仕様になっている。 1px毎にフォントサイズが当に必要なのか、この色と色はほとんど同じだけどマージできないのか、といったことを、結果を見ながらデザイナーと話し合うのに便利じゃないかな。やはり共通言語は数字だと思う。 あとはある程度validなCSSじゃないとパース

    オンラインCSS解析 StyleStats.org - MOL
  • StyleStats - MOL

    スタイルシートの統計情報を出力するNode Packageを作った。 t32k/stylestats Node.js 0.10以上が必要で、CLIだとこんな感じの情報を出力してくれる。 $ npm install -g stylestats $ stylestats path/to/stylesheet.css StyleStats! ┌────────────────────────┬──────────┐ │Size │ 498.0B │ ├────────────────────────┼──────────┤ │Rules │ 7 │ ├────────────────────────┼──────────┤ │Selectors │ 11 │ ├────────────────────────┼──────────┤ │Simplicity │ 63.64% │ ├───────

    StyleStats - MOL
  • cssert – CSS Verification Tests

    CSS Verification Testing Make sure your styles don't change when your files do. When working on a large project, you sometimes need to refactor your CSS. If you aren't constantly aware of all the different dependencies, you can end up altering the styles somewhere unexpected. This framework is designed to help you create key test cases linked to your styles. If the tests pass after refactoring, yo

  • 1