GDスタイル：Tailwindクラスを使用してCSSスタイルをコピーする
GD Stylesは、bradenhirschidevによって開発された無料のChrome拡張機能です。これは、ブラウザのカテゴリおよび具体的にはアドオン＆ツールのサブカテゴリに属しています。この拡張機能を使用すると、ChromeのDevToolsを使用しながら、任意の要素のCSSスタイルからTailwindクラス名を簡単に取得することができます。
GD Stylesをインストールした後、拡張機能が動作するようにするためにブラウザを再起動する必要があります。インストールすると、DevToolsに「GD Styles」というサイドバーペインが表示されます。要素のCSSスタイルにアクセスするには、それを右クリックして「スタイルを取得」を選択します。スタイルはサイドバーペインに表示されます。
GD Stylesの最も便利な機能の1つは、スタイルをクリップボードに直接コピーできることです。ボタンをクリックするだけで、Tailwindクラス名を簡単にコピーして自分のプロジェクトで使用することができます。
現在、GD Stylesは色、背景色、ボーダー、ボーダーの半径、フォントサイズ、フォントの太さ、およびパディングなど、いくつかのCSS属性をサポートしています。開発者のbradenhirschidevは、拡張機能の改善とさらなるスタイルの追加に取り組んでいます。
GD Stylesは現在ベータ版ですので、フィードバックや提案は に送ることができます。GD Stylesを試して、CSS開発プロセスを簡素化しましょう。
