うわっ…私のCSSスコア、高すぎ…?『CSS CODE QUALITY』

2022/12/17に公開約800字

ひとりアドカレ17日目です!

https://adventar.org/calendars/8266


CSS CODE QUALITY

CSS CODE QUALITY というツールを紹介します!

https://www.projectwallace.com/css-code-quality

URLを貼るだけで、WebサイトのCSSを評価してくれます。
Maintainability・Complexity・Performanceの3つの観点でスコアを100点満点評価してくれます。
評価してくれるだけでなく、具体的に問題のありそうなCSSを提示して改善方針も提示してくれます。

改善方針の様子

使用例

実際にいくつか使用例を見てみましょう!

Twitter

シンプルさもあってか、有名なサービスながら高いスコアになっていますね!

Amazon

どうしても複雑なUIなので、相対的に低くスコアが出ます。
きちんと評価できているようですね。

Memomiro(自作)

以前自作したツール「Memomiro」のページもやってみます。

シンプル過ぎて、スコアだけだととんでもないことになってますね…


CSS CODE QUALITYを実際に触ってみました!
お気軽にできるので、みなさんも試してみてください!

GitHubで編集を提案

Discussion

ログインするとコメントできます