Tailwind CSS

Tailwind CSS

Tailwindは、UIキットではないという点で、Bootstrap、Foundation、またはBulmaなどのフレームワークとは異なります。
Tailwindは、UIキットではないという点で、Bootstrap、Foundation、またはBulmaなどのフレームワークとは異なります。デフォルトのテーマはなく、組み込みのUIコンポーネントはありません。反対に、サイトの外観についても意見がなく、元に戻すために戦わなければならない設計上の決定を課しません。サイトを構築するための事前に設計されたウィジェットのメニューが付属するフレームワークを探している場合、Tailwindは適切なフレームワークではない可能性があります。しかし、独自のアイデンティティを備えたカスタムデザインの実装を非常に有利に開始したい場合は、Tailwindがまさにあなたが探しているものかもしれません。ユーティリティ優先カスタムUIを構築するためのフレームワークを作成することは、ボタン、フォーム、カード、ナビゲーションバーなどの通常のレベルで抽象化を提供できないことを意味します。代わりに、Tailwindは、2つのサイトを同じように見せることなく、複雑なユーザーインターフェース。コンポーネントフレンドリーユーティリティクラスだけで多くのことを実行できますが、コンポーネントクラスが正しい決定である場合もあります。Tailwindには、繰り返されるユーティリティパターンからコンポーネントクラスを抽出するツールが用意されており、1つの場所からコンポーネントの複数のインスタンスを簡単に更新できます。コアへの応答すべてのTailwindユーティリティにはレスポンシブなフレーバーがあり、HTMLを離れることなくレスポンシブなインターフェイスを非常に簡単に構築できます。Tailwindは直感的な{screen}:プレフィックスを使用して、マークアップ内のレスポンシブクラスを簡単に認識できるようにし、元のクラス名を認識可能かつ無傷のままにします。カスタマイズ可能な設計Tailwindを使用すると、カスタマイズすることが理にかなっている場合にカスタマイズできます。これには、色、境界線のサイズ、フォントの太さ、間隔設定ユーティリティ、ブレークポイント、シャドウなどが含まれます。TailwindはPostCSSで記述され、JavaScriptで構成されています。つまり、実際のプログラミング言語のすべての機能をすぐに使用できます。TailwindはCSSフレームワーク以上のものであり、設計システムを作成するためのエンジンです。

ウェブサイト:

カテゴリー

Sass用のTailwind CSSの代替ライセンス(無料ライセンス付き)