長年運用を続けているWebサイトなど、CSSのハックやベンダープレフィックスなど、現在は不要になっている記述が残ったままになることはよくあります。
そんなCSS内の最新の記述では不要になっているものをピックアップして、対策のランク付けふくめ改善提案をしてくれる「ReliCSS」が便利そうだったのでメモ書きとして紹介します。
ReliCSS – Detect CSS Hacks & Modernise Your Code
ReliCSS – Detect CSS Hacks & Modernise Your Code
ReliCSSはCSSハック検出ツールとして、古いブラウザ固有のCSSハックを特定して、最新の標準に準拠した代替案に置き換えるのを支援するために設計されています。
解析方法はとても簡単で、ページ上にある「Paste CSS Code」と書かれている入力フォームに解析したいCSS一式を貼り付けて、「Scan CSS」ボタンを押すだけです。
解析結果は、問題のある箇所の合計数（TOTAL）と併せて、高中低（HIGH／MEDIUM／LOW）でリスクのランクを分けた形で表示されます。
結果をクリックすることでアコーディオン形式で改善方法の提案が確認できます。
解析結果は画面右上の「Generate HTML Report」ボタンからHTML形式でダウンロードすることも可能です。
新規サイト構築では使いどころはないかもしれませんが、長く運用しているサイトでCSSの中身の見直しや整理したいときなどに活用できそうです。
CSSの不要な記述を改善したい際にぜひ。。。