Tailwind CSS 3.4がリリース

CSSフレームワークTailwind CSSの最新バージョン「Tailwind CSS 3.4」がリリースされました。

Tailwind CSS 3.4

Tailwind CSS 3.4では、動的ビューポート単位のサポートが追加され、親要素だけでなく子要素に基づいてスタイル設定を可能にする:has()疑似クラスのサポート、親から子のスタイルを設定するバリアントの追加が行われ、さらに、幅と高さを同時に設定するユーティリティsize-、小さなセクションにおいてバランスの取れた見出しを実現するtext-wrap: balance、サブグリッドのサポート、min-width、max-width、min-heightスケールの拡張、不透明度スケールの拡張、grid-rows-*スケールの拡張、強制カラーモードのスタイルを調整するバリアントforced-colors、強制カラーモードのデザインへの影響を制御するユーティリティforced-color-adjust-autoおよびforces-color-adjust-noneが新たに加わっています。

Vercelとは

Vercelというのは、無料で始めることができ、GitHubなどのリポジトリと連携することで手軽にアプリケーションをデプロイすることが可能で、CDNが含まれているので高速なページ表示が可能となっています。

vercel

Next.jsで作成したプロジェクトを簡単にデプロイできるサービスといっても良く、サーバー側の設定をほぼ自動的に行ってくれるので、サーバーの知識がない方でも簡単にデプロイすることができます！

とはいえ、幅広いフロントエンドフレームワークに対応しているので、試してみる価値はあります。

無料で使えるHobbyプランというものがあるのですが、使用には注意点もあり、商用利用はできません。