2024年02月28日(水)
ユーティリティでclamp()を簡単に生成できるようにするTailwindプラグイン・「Fluid for Tailwind CSS」
Fluid for Tailwind CSS
Fluid for Tailwind CSSはユーティリティでclamp()を簡単に生成できるようにするTailwindプラグインです。コードの記述量を減らし、より見栄えのいいRWDの対応をサポートします。プリフィックスとして「~」が追加され、開始値と終了値は「/」で区切って指定、開始点と終了点はデフォルトで最小画面と最大画面に設定、ただしユーティリティごとにカスタマイズまたは上書きできるそうです。また、プリフィックスと区切りの記号はカスタマイズ可能となっていますのでコンフリクトの回避も問題なく行えます。
例えば.~text-lg/2xlというclassには以下のコードが生成されます。
.\~text-lg...
0
8
2
1
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『ユーティリティでclamp()を簡単に生成できるようにするTailwindプラグイン・「Fluid for Tailwind CSS」』についてまとめています。
この記事は特にLINEについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
Ads
