OffiDocs を使用した Chrome の SnipCSS
SnipCSS Chrome ウェブストア拡張機能
説明：
OffiDocs Chromium online を使用して Chrome オンライン ウェブ ストア拡張機能 SnipCSS を実行します。
SnipCSS は、Web ページの任意の部分に関連付けられたすべての CSS スタイルを抽出します。これはすべての Web サイトで機能し、数回クリックするだけで、再作成しようとしている Web サイトのセクションに関連付けられた CSS、HTML、画像を取得できます。
ウェブ上で見かけたクールなデザインはどれも、すぐにプロトタイプを作成するための個人用テンプレートとして使用できます。 ======================================== コピーして同じことを行おうとした場合、/手動で貼り付けるとおそらく 20 分かかりますが、SnipCSS を使用すると、メディア クエリを含むすべてのスタイルを XNUMX 分以内に選択して取得できます。
他のプロジェクトで自分で作成した Web サイトのセクションでもこれを使用しているため、再利用可能な HTML/CSS コンポーネントを新しいプロジェクトにプラグインすることができます。
「計算されたスタイル」を使用する他の CSS 抽出拡張機能とは異なり、SnipCSS は Chrome DevTools プロトコルを使用します。
devtools を使用するときに関連するスタイルのリストが表示されるのと同じように、SnipCSS は DOM スニペットのサブツリー内の各要素のリストを再構築します。
すべての画像、フォント、その他デザインに必要なすべてのファイルがダウンロードされ、すべてのファイルを zip ファイルに簡単にエクスポートできます。
プロバージョンがリリースされました! ======================================== を使用して複数の解像度または複数の要素から CSS を取得します。プロバージョン！ また、スコープ設定、不要な属性/クラスの削除、アイテムのサブセレクションの作成などの高度な機能も Pro メンバー向けに追加されました。
新しいテンプレート システムを使用すると、React/Vue を使用してスニペットにデータを自動的に挿入できます。
スニペットのテンプレート バージョンは Lorem Ipsum データを HTML に挿入するため、著作権で保護された画像やテキストは自動的に置き換えられます。
SnipCSS にアクセスしてください。
これらの高度な機能のロックを解除することに興味がある場合は、com にアクセスしてサインアップしてください。
追加情報：
- www.snipcss.com によって提供されます
- 平均評価 : 4.47 つ星 (気に入った)
-開発者 このメールアドレスは、スパムロボットから保護されています。 アドレスを確認するにはJavaScriptを有効にする必要があります。
OffiDocs Chromium オンラインと統合された SnipCSS Web 拡張機能