2019年05月11日(土)
Webページ内で未使用のCSSを高速で削除してくれるライブラリ・「DropCSS」
DropCSS
DropCSSはWebページで読み込まれているCSS内から未使用のコードを削除してくれるライブラリです。高速で未使用CSSを削除したコードを表示してくれるのが特徴です。他ライブラリに依存せず単体で動作してくれます。多くの方はWebサイト全体で全てのページをチェックし、その中で未使用のCSSを削除してくれるものを求めている方が大半だとは思いますが、本ライブラリのようにWebページ単位でのツールは既存サイトのメンテナンスよりも、開発中にお世話になりそうですね。
というわけで試しに使ってみました。
動作サンプル
See the Pen DropCSS Demo by kachibito
(@kachibito) on CodePen.
動作サンプルです。ダミーのHTMLはDummy HTML snippetsで、C...
0
2
10
41
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
‹ PREV
【最新スマホアプリUI】インスピレーションを得られる おすすめの海外アプリUIデザイン事例15選 2019年版
NEXT ›
AIを活用した自動会話チャットボット(Chatbot)でマーケティングに成功した実用例11選
関連記事
CSSのwidth: 100%;のより良い代替手段として、stretchキーワードが実はかなり便利です
TailwindベースのWebページで任意の要素などにclassを追加する等のリアルタイム編集を簡単に行えるブラウザ拡張・「Toolwind」
CSSのデバッグにAIがどのように役立つか、Chrome 131のデベロッパーツールでAIアシスタントが使えるようになります
任意のWebサイトやYoutubeの内容をAIが要約し、マインドマップやタイムライン、表などで視覚化してくれるブラウザ拡張・「MyLensAI」
ブラウザのアドレスバーに入力した内容を任意のAIチャットでプロンプトとして実行できるオープンソースのブラウザ拡張・「AI Chat Shortcut」
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『Webページ内で未使用のCSSを高速で削除してくれるライブラリ・「DropCSS」』についてまとめています。
この記事は特にGoogle・Chromeについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
