• かちびと.net

    cssの未使用セレクタをその場で複数ページ一括調査するブックマークレット・cssessのご紹介です。Web製作者さんにオススメのブックマークレットです。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

cssの未使用セレクタをその場で複数ページ一括調査するブックマークレット・cssess

スポンサーリンク

中小規模サイトの構築時に役立ちそうな
ブックマークレットがあったのでご紹介します。
閲覧しているWebサイトで使用しているcss
の未使用セレクタを教えてくれるブックマーク
レットです。こういったWebサービスはあります
が、その場でサクッと調べられるのは面倒が
無くて良いですね。

使いどころはやや限られますが、複数ページを一括で調査し、それぞれのページの未使用セレクタを知らせてくれますのでなかなか便利だなぁと感じました。

cssess


おそらくブックマークレットを使ったページからリンクされている同一ドメインページを読み込んでるっぽいのです。zipや#の付いたURLも含まれているのはそのためでしょうかね。こういうリンクがある場合はチェックをはずしてください。


ページごとに使っていないセレクタを教えてくれます。


ブックマークレットを使うと上記のような半透明のボックスが出ますので調べないページのチェックを外してRunをクリックすれば解析開始します。上記のように多くのリンクがあるページではチェックを外すのも大変なので使いどころはやや限られるかも知れません。

深い階層まであるようなサイトや、ブログなど、大規模なページのWebサイトには不向きですが中小規模サイトにはうってつけっぽいですね。cssの書き方を工夫すれば、尚便利になりそう。以下より登録できます。

cssess

URL :
TRB :

Comments & Trackbacks (1)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services