Analyze CSS 🔎📄

For manual improvement, a report preparation tool

---

Setup 🛠

$ git clone https://github.com/t--takai/analyze-css.git
$ cd analyze-css
$ yarn

Running 🚀

$ yarn run analyze-css {path/to/file}
$ yarn run list-selectors {path/to/file} --pretty --include selectors
$ yarn run csss {path/to/file}
$ yarn run parker {path/to/file}
$ yarn run stylestats {path/to/file}
$ yarn run csslint {path/to/file}
$ yarn run stylelint {path/to/file}

Execution results

• Execution results
  • analyze-css
  • list-selectors
  • CSS Shampoo
  • PARKER
  • StyleStats

---

Meaning of Emoji

Browse	Emoji Code	Mean
🎉 🎉 🎉	:tada:	Celebration
🚽 🚽 🚽	:toilet:	Be Minimal
	:octocat:	Function Addition
🐛 🐛 🐛	:bug:	Bug Elimination
💎 💎 💎	:gem:	Refactoring
🚀 🚀 🚀	:rocket:	Performance Improvement
📝 📝 📝	:memo:	Documentation
💩 💩 💩	:shit:	Fail

---

Thanks & Resources

Reference

Repository	Forks	Issues	Stars
macbre/analyze-css
davidtheclark/list-selectors
webycel/csss
katiefenn/parker
t32k/stylestats
CSSLint/csslint
stylelint/stylelint

• CSSLintのRulesの超訳

• Interested

  • https://github.com/cssstats/cssstats
  • https://github.com/zmoazeni/csscss