フロントエンド

【tailwindcss ver3】講座に動画追加収録のお知らせ

webの世界は本当に変化が早いもので、

『tailwindcss』の講座をリリースして1年も経たずに、

新しいバージョン(バージョン3)がリリースされたため、

急遽差分をチェックし、追加セクションとして動画を収録いたしました。

tailwindcssの講座はこちら

tailwindcss ver3向けに追加した機能

『tailwindcss ver3』で
新たに追加されたたくさんの機能の中から、
よく使うと思われる機能を厳選して収録しています。

  • Just-In-Time
  • purge->contentの変更
  • 色と透明度
  • Box Shadow Color
  • 下線の装飾
  • 任意の値(width height, margin, padding)
  • アスペクト比(縦横比)
  • スクロール位置調整
  • 印刷対象外の指定
  • ver2とver3の比較

特にver3での大きな特徴が『Just-In-Time』で、
必要なものを、必要なときに、必要なだけ、使うという機能になります。

サイズが大きいと言われ続けていた『tailwindcss』の弱点を克服するため、
HTMLファイルで指定されているクラスだけを出力することで、

可能な限りファイルサイズを圧縮することに成功。

これまで以上に使いやすく、愛着のわくライブラリに成長してくれました。

web大好きな人間でありながら、
CSSはどうにも苦手意識があったのですが、それを克服させてくれたのが『tailwindcss』。

これからもできるだけウォッチしつつ、
新機能などあり次第追加動画収録しフォローして行く予定ですので、

もしweb関係でCSSに苦手意識があるなら、ぜひ、
お手にとって使ってみていただければと思います。


関連記事一覧 (一部広告あり)

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


最近の記事

アーカイブ

  1. 生成AI

    2024/5/14 OpenAI発表 まとめ
  2. オンライン教材

    【React】初心者向け講座をリリースしました【MUI】【Udemy】
  3. オンライン教材

    ChatGPTをビジネス活用する講座をリリースしました【Udemy】
  4. バックエンド

    【Laravel第4弾】Vue.js3(CompositionAPI+Scrip…
  5. オンライン教材

    【AWS】【初心者向け】インフラの基礎からわかる講座をリリースしました【Udem…
PAGE TOP
Ads Blocker Image Powered by Code Help Pro

広告ブロックを摘出しました!!

ブラウザ拡張を使用して広告をブロックしていることが摘出されました。

ブラウザの広告ブロッカーの機能を無効にするか、
当サイトのドメインをホワイトリストに追加し、「更新」をクリックして下さい。

あなたが広告をブロックする権利があるように、
当方も広告をブロックしている人にコンテンツを提供しない権利と自由があります。

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock