[B! qiita][css][lint] xai1981のブックマーク

xai1981 id:xai1981

qiitaとcssとlintに関するxai1981のブックマーク (2)

CSS の Lint ツール対応表 - Qiita
いくつか CSS の Linter を試してみたので、それぞれ自分のチェックしたいことができるのかを記録します。やりたいことユニバーサルセレクタ使わないようにしたい ID にスタイルを適用しないようにしたい js- プレフィクスが付いてる class にはスタイルを適用しないようにしたい複数のセレクタを指定する場合は , の後で改行したい { の前には半角スペースを一つ入れたい、その後で改行したいインデントは半角スペース 2 つにしたいプロパティの並びはアルファベット順にしたいプロパティの後、スペースを入れずに : その後に半角スペースを 1 つ入れたい値が 0 の時は単位をつけないようにしたい 0.123 は .123 と、 -0.456 は -.456 と表記したい margin や padding など、ショートハンドを使える場合はショートハンドを使いたい色の指定は
xai1981 2017/05/12
qiita

css

lint
リンク
ここがすごいぞ！ stylelint！ - Qiita
tl;dr ESLintっぽいCSS用のLint PostCSSプラグインとして動作するので色々嬉しい SCSSもだいたい使える stylelint ESLintのようなconfigでPostCSSプラグインとして動くstylelint。唐揚げチャーハンのような「美味いものと美味いもの組み合わせたら絶対おいしいじゃん！」みたいなプロダクトが実際とても良かったので色々利点を記載。導入についての手順などはすでに記事があったので、そちらへリンクしたい CSSのLintをstylelintにする ESLintっぽくて良い所 javascriptのLinterとしてスタンダードになってきたESLintに非常に良く似て作られているので、一度そちらを導入していればstylelintの導入はおそらくすんなり出来る。また、ESLintの持っていた良い所をそのまま持ってきたような良さがある。 confi
xai1981 2017/05/12
qiita

css

lint
リンク
1