2022年06月29日(水)
Tailwind.cssのチートシートをその場で表示、検索も可能なオープンソースのChromeエクステンション・「Tailwind Cheat Sheet inside Chrome Extension」
Tailwind Cheat Sheet inside Chrome Extension
Tailwind Cheat Sheet inside Chrome ExtensionはTailwind.cssのチートシートをその場で表示、検索も可能なオープンソースのChromeエクステンションです。単純な拡張機能で、起動したらその場でチートシートが表示され、クリックでclassをコピーできる、というもの。任意のキーワードで検索も可能です。ただ、なぜかダークモード向けになっていて、ライトモードだと一部のテキストが見えないという少々雑な作りとなっています。
データはtailwindcomponentsから取得しているようですが、こちらもOSSとなっています。わざわざファイルを立ち上げたり別サイトに移動する必要が無くなるのでTailwind.cssの学習中にあると便利かもしれません。ライセンスの明記は有りませんでしたの...
0
24
1
3
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
‹ PREV
全部、商用利用可！ 高品質なテクスチャ素材の究極セット期間限定セール開催、約44,000円分が91％オフで超お買い得！！
NEXT ›
【8月セミナー開催決定！】2,495本のコンテンツ制作でわかった「3人チーム・6ヶ月で成功させるためのサイト運営の条件とライティング手法」
関連記事
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の記事『Tailwind.cssのチートシートをその場で表示、検索も可能なオープンソースのChromeエクステンション・「Tailwind Cheat Sheet inside Chrome Extension」』についてまとめています。
この記事は特にGoogle・Chromeについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
