Web の機能を採用するときの判断軸 Baseline を整理します。Newly available と Widely available の2段階、コアブラウザ集合の定義、Baseline 年バッジ、MDN / Can I Use / web.dev での表示、そして Browserslist や ESLint への組み込みまで。「caniuse を毎回見る」から「Baseline で判断する」へ、チームの共通言語にする方法をまとめます。
Tailwind CSS v4 への移行を、単なる新機能紹介ではなく「設定思想の転換」として整理します。自動アップグレードツール、@tailwind ディレクティブから @import への変更、tailwind.config.js から @theme への移行、@tailwindcss/postcss / vite などパッケージ分離、ブラウザ要件、詰まりやすいユーティリティ改名まで、移行設計の勘所をまとめます。
2026年にBaseline入りした、あるいは主要ブラウザが出揃ったCSSの新機能を整理します。contrast-color()、shape()、:active-view-transition、Anchor Positioning、@scope など、これまでJSやライブラリでやっていたことをブラウザ標準だけで実現する機能を、用途と注意点つきでまとめます。
Tailwind CSS v4で刷新されたTailwind CLIの使い方を解説。npmインストールからスタンドアロン版、v4の新機能（@import、@theme、CSS-firstな設定）まで、実践的なコード例付きで紹介します。
CSS Scroll-driven Animationsの基本から応用まで徹底解説。scroll()、view()、animation-timeline、animation-rangeなど、JavaScriptを使わずにスクロール連動アニメーションを実装する方法を実践的なデモとともに紹介します。
Figma公式のMCPサーバーを使って、CursorでデザインからHTMLを自動生成する方法を解説。設定手順から実践、再現度を高めるためのベストプラクティスまで紹介します。
View Transitions APIの基本から応用まで徹底解説。document.startViewTransition()、カスタムアニメーション、共有要素トランジション、クロスドキュメントトランジションまで、実践的なデモとともに紹介します。
GSAPのScrollTriggerプラグインを使ったスクロールアニメーションの基本を解説します。セットアップからscrub、pin、toggleActionsまで、実際のデモとコード例で学べます。
Anime.jsを使ってWebサイトにスムーズなアニメーションを実装する方法を、実際に動くデモとコード例とともに解説します。移動、回転、色変化、タイムラインまで基礎から学べます。
Apple発の新UIスタイル「Liquid Glass」の考え方、CSSでの実装方法、Figmaでの作り方を解説します。Glassmorphismの進化系とも言えるこのデザインを、自分のプロジェクトに取り入れてみませんか。