フロントエンド

【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. オンライン教材

    【Vue.js】初心者向け講座をリリースしました。【Udemy】
  2. オンライン教材

    【PHP/Laravel】初心者向けの動画をリリースしました【Udemy】
  3. バックエンド

    【Laravel(PHP)】でできる事をわかりやすく(ざっくりと)まとめてみた【…
  4. バックエンド

    【Laravel第3弾】イベント予約システムの作り方をリリースしました【TALL…
  5. オンライン教材

    【Laravel(PHP)】初心者向け アプリのつくり方 をリリースしました【t…
PAGE TOP