エディタ・ワード・開発

サイト全体の不要なCSSセレクタを一覧表示してくれるFirefox拡張が便利 Dust-me Selectors

サイトを構築する上でほぼ必要不可欠になったCSSですが

更新などを重ねると肥大化して不要なセレクタが出てきます

この不要なCSSセレクタをサイト全体でチェックしてセレクタを

洗い出してくれる便利なFirefox拡張機能です

GoogleChromeでもこの様な機能があれば良いのに・・・

dustme41

Firefox拡張機能 Dust-me Selectors インストールはこちらから

使い方

dustme1

調べたいページなどで右クリック「Spider this page」をクリックします

dustme2

Startを押します

dustme3

サイト全体をチェックし始めますので、待ちます

dustme4dustme5

しばらくすると結果が表示されます

Unusedは使っていないCSSセレクタを表示してくれます

usedは使っているCSSセレクタも表示してくれます

レビュー

一応キャッシュの効いたサイトでもチェックしてくれるようですが

チェックする際にはキャッシュは外しておいた方がよさそうです。

またCSSの編集には一度バックアップしてからの作業をオススメしますが

なかなか便利な拡張機能です

関連記事

  1. エディタ・ワード・開発

    Google 日本語入力を使ってみました

    気にはなってたんですが一度使ってみました。有料のATOKを超え…

  2. エディタ・ワード・開発

    手書きメモより便利!? 使いたい時にサッと書き込めるメモ帳 『Detekite Pad』

    使いたい時にショートカットで表示、書き込んで自動で保存、隠れる…

  3. エディタ・ワード・開発

    間違った英語をチェックできるフリーソフト 英文チェッカーフリーソフト 『Ginger』

    スペルや英文をしっかりとチェックしてくれるフリーソフト英文に少…

  4. エディタ・ワード・開発

    VBやC#のソースをサクッと実行できるフリーソフト 『FastSharp』 PGに便利

    プログラムを組んでいる時などふと閃いたりする場合がありますがそ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP