適用されていないCSSを検出するChrome拡張を作った経緯 CSSを書いていて「あれ、なんで効かないんだっけ」ってなることないでしょうか。 私はしょっちゅうあります。 DevToolsを開いてもプロパティはちゃんと適用されてる。打ち消し線もない。でも見た目は変わらない。 しばらくして「ああ、インライン要素だから width 効かないんだった...」と気づくやつです。 他にも z-index を position: static のまま書いてたり、gap を flex でも grid でもない <div> に書いてたり。 CSSって構文的に正しければブラウザは何も言ってくれないので、こういう「効いてないCSS」が放置されがちです。 これを検出するChrome DevTools拡張を作りました。CSS Noop Checker です。 https://github.com/purupurupu/css-noop-checker なんで作ったのか
