Gruntプラグイン: selector4096
IE9以下で4096個以上のセレクターがあるとスタイルが反映されなくなるバグのチェックを行うGruntプラグイン、selector4096を作った。CSSプリプロセッサーでネストしつつ@extendするとぽんぽんセレクター増えていくので、最近はまめにチェックするようにしている。自己最多記録は3400くらいで、バグに引っかかったことはまだない。 npmで普通にインストールした後、Gruntfile.jsに以下のように書いて準備完了。 grunt.initConfig({ selector4096: { all: ['src/css/**/*.css'] } }); grunt.loadNpmTasks('grunt-selector4096'); 読み取り専用タスクなので、destとかは必要ない。 $ grunt selector4096:all 実行すると、src/css/以下のすべてのC
CSSのセレクタ数を調べる
気になったので調べたら、いくつかの方法があった。 JavaScripthttps://gist.github.com/psebborn/1885511/そのままコンソールに打ち込んだり、ブックマークレットとかにして調べるのも良さそう。Grunthttps://github.com/xzyfer/ie9-selector-counterhttps://github.com/xzyfer/grunt-ie9-selector-counter試してみたけど、ちょっと出力の仕方が微妙な気がする…PHPhttp://snippet.bevey.com/css/selectorCount.php調べたいCSSをアップロード、もしくはそのURLを入力して送信bashhttp://alias.sh/count-number-selectors-css-filebashrcとかに書いて、$cat style
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
