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

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

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

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

tailwindcssの講座はこちら

もんプロ～問題発見と解決のためのプログラミング〜

 

1 Pocket

【tailwindcss】CSSが苦手な方向けの講座をリリースしました。【Udemy】

https://coinbaby8.com/udemy_tailwindcss.html

こちらのツイートから約1か月。Laravel8はページネーションもtailwindcssで生成するようになったのね、ってことで次はtailwindcssですな、その次に Laravel8 +vue.js ( jetstream@inertia + tailwindcss) になりそうです。 tailwindちょいリサーチして構成考えていきます。— 世界のアオキ🥑プログラミング×生涯学習×熊本 (@aoki_monpro) December 4, 2020ようやくリリースする事ができました。こちらからご覧いただけます。最新クーポン情報はこちら定価4,000円ですが、クーポン経由で大幅割引になります。CSSを知っては...

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に苦手意識があるなら、ぜひ、
お手にとって使ってみていただければと思います。