フロントエンド

【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. STEAM教育

    熊本市東区でプログラミングのワークショップやります〜夏休み特別企画 こども向けス…
  2. バックエンド

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

    【JavaScript】初心者向けの動画をリリースしました【Udemy】
  4. オンライン教材

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

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