サイトで使用していないCSSセレクタを調べられる「Unused CSS」

 
サイトで使用されていないCSSセレクタを検出してくれるWebサービス「Unused CSS」を忘備録。内部リンクから不使用のCSSセレクタを検出し一覧で表示してくれます。 現在はベータ版で100ページまでの検出となってますが、需要があれば開発を続けるようです。

CSSの使いまわしをすると、以外と使わないセレクタがあったりするので、小規模なWebサイトのチューニングなど活用できそうなサービスです。

Unused CSS


  • 【CSS】スターウォーズのイントロを表現できるライブラリ「starwarsintro.css」
  • Google Mapのスタイルテンプレート「Snazzy Maps」
  • Web制作に役立つ素材をダウンロードできる「Freebies.ByPeople」
  • マルチボックスのフルスクリーンメニュー「Multibox Menu」
  • レスポンシブデザインのパターン集「Responsive Patterns」
RELATED POSTS
  • CSSで実装するローディングアニメーション「Single Element CSS Spinners」
  • 陽炎のようなエフェクトを実装できる「Animated Heat Distortion Effects with WebGL」
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 【JS】簡単な記述でCSSアニメーションを実装できる「AniJS」
  • 様々なスタイルのCSSを簡単に作れる「Generate CSS」
  • 簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
PICKUP
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • 【無料・低価格】ロゴ作成に役立つロゴジェネレーター12選
  • WordPressのおすすめテーマ19選【無料版・有料版】
  • 無料で使用できる海外のフリー写真素材サイトまとめ