SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

CodeZineニュース

オープンソースのCSSフレームワーク「Tailwind CSS 3.3」がリリース

  • X ポスト
  • このエントリーをはてなブックマークに追加

  • X ポスト
  • このエントリーをはてなブックマークに追加

 オープンソースのCSSフレームワークであるTailwind CSSの開発チームは、最新バージョンとなる「Tailwind CSS 3.3」を3月28日(現地時間)にリリースした。

 「Tailwind CSS 3.3」では、長年にわたって寄せられていた、すべての色への暗い色合いの追加を求める要望に応えて、すべての色に新しい色合いである「950」が追加されており、グレーでは暗めのUIに最適な黒として機能するほか、ハイコントラストなテキストや色のついたコントロールの背景に最適化された「950」などが使えるようになっている。

 また、ESMおよびTypeScriptのサポートが追加され、ESMまたはTypeScriptでTailwind CSSを設定できるようになった。

 さらに、論理プロパティを使用してWebサイトのスタイル設定をより簡単かつ自動的に行うことが可能になったほか、グラデーションの各カラーストップ位置の調整や、フレームワークへのline-clampの組み込み、フォントサイズと行の高さの簡潔な設定、var()を省略したCSS変数の記法への対応、カスタムフォントを使用する際のfont-variation-settings設定の容易化が行われている。

 ほかにも、リストアイテムマーカーとして任意の画像を使えるlist-image-*ユーティリティ、単語を複数行に分割する必要がある場合にハイフンを挿入する場所をブラウザに指示できるhyphens-*ユーティリティ、キャプションをテーブルの上下どちらに配置するかを制御できるcaption-*ユーティリティが追加されるなど、数多くの機能追加・改善が行われた。

関連リンク

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
この記事の著者

CodeZine編集部(コードジンヘンシュウブ)

CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/17623 2023/04/06 10:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング