Chromeに新しく実装された「CSS Overview」が非常に便利なので、紹介します。 表示しているページのCSSの概要、カラー、フォント、メディアクエリ、未使用の宣言が一覧でき、制作したページの検証やスタイルガイドとしても役立ちます。 Chromeの新機能「CSS ...

Webページの見た目を整えるうえで欠かせないCSSですが、運用を続けるうちに「どのスタイルがどこで使われているのか分からない」「似たような色やフォント指定が増えてしまった」といった状態に陥りがちです。特に既存テンプレートをベースに ...

動画でChomeのデベロッパーツールのベータ機能「CSS Overview」が紹介されているのを見ました。 ブラウザに表示されているサイトで使われている色やセレクタ、フォント情報までわかるのだとか。 この機能が使えたら、自分のサイトを調べるのにも使えるし ...

The **CSS Overview** tool captures an overview of the CSS code used on a webpage and displays a report about the colors, fonts, and media-queries used. The tool also identifies potential color ...