官方影音
以下皆來自 Tailwind Labs 官方 YouTube 頻道，講師以 Simon Vrachliotis、Adam Wathan、Sam Selikoff 為主。建議先看 From Zero to Production 建立地圖，再看 JIT 與 v4 相關場次。
播放清單：Tailwind CSS: From Zero to Production。各集原始碼：GitHub 對應儲存庫。
版本落差
八集系列錄於 v2.0。Utility-first、響應式前綴、hover／focus、抽元件的觀念仍正確；安裝、PurgeCSS、tailwind.config.js 請改看本站 安裝與建置 與 主題客製。v4 請看本頁後段的 Connect 與 Beta 實況。
Setting Up Tailwind CSS
Setting Up Tailwind CSS 示範從空白專案接到 Tailwind：安裝套件、PostCSS、在 HTML 寫下第一個 utility。適合完全沒裝過的人建立「一定要有建置步驟」的印象。現在新專案請改用 Vite plugin 與 @import "tailwindcss"。
對照閱讀：安裝與建置
The Utility-First Workflow
The Utility-First Workflow 在 HTML 上把一張卡片從空白疊到完成，說明為什麼不先寫自訂 CSS class。這是整個系列最該先看的一集，和本站入門核心直接對上。
對照閱讀：Utility-first
Responsive Design
Responsive Design 用行動優先的前綴（sm: md: lg:）把單欄版面改成多欄，並示範隱藏／顯示導覽。適合剛開始寫 flex 卻不知道何時該加斷點的人。
對照閱讀：響應式設計、Flex 與 Grid
Hover, Focus and Other States
Hover, Focus and Other States 講 hover:、focus: 以及 group 這類前綴，讓按鈕與表單在互動時改變樣式。長度短、語法就是現在仍在用的寫法。
對照閱讀：狀態前綴
Composing Utilities with @apply
Composing Utilities with @apply 示範何時把一串 utility 收進 CSS 的自訂 class。適合已經會寫 utility、開始覺得重複太多的人。官方現在更鼓勵抽框架元件，@apply 當配角即可。
對照閱讀：主題客製 的 @apply 小節
Extracting Reusable Components
Extracting Reusable Components 把重複的按鈕與清單項抽成 template／元件，而不是繼續複製 class 字串。這集的結論和現在做 React／Vue 的方式一致：重複發生在標記層，就用元件系統處理。
對照閱讀：Utility-first
Customizing Your Design System
Customizing Your Design System 講如何改色盤、字體與間距，讓網站不像「預設 Tailwind 展示頁」。片中改的是 JS config；v4 請把同樣的 token 寫進 @theme。
對照閱讀：主題客製
Optimizing for Production
Optimizing for Production 說明為什麼開發時 CSS 很大、上線前要清掉沒用到的 utility（當時叫 PurgeCSS）。v4 在開發與正式建置都走新引擎掃描，不必再手寫 purge 設定，但「只產出有用到的 class」這件事沒變。
對照閱讀：安裝與建置
Just-In-Time：下一代引擎
Just-In-Time: The Next Generation of Tailwind CSS（Adam Wathan）介紹後來成為 v3 預設的 JIT 編譯：你寫什麼 class 就生什麼 CSS，任意值與所有 variant 組合才變得實際。適合想理解「為什麼現在幾乎不必等編譯、也不必開 purge」的人。
Tailwind Connect 2023 Keynote
Tailwind Connect 2023 — Keynote 是官方首次現場活動的主題演講，Adam Wathan、Sam Selikoff、Steve Schoger 講現代 CSS、Oxide 引擎（後來的 v4）與 Catalyst 元件套件。片長約 1 小時 37 分，適合已會用 v3、想知道 v4 從哪裡來的人，不必當入門第一支。
Exploring the Tailwind CSS v4.0 Beta
Exploring the Tailwind CSS v4.0 Beta with Sam Selikoff 在真實專案裡試 v4：一行 @import "tailwindcss"、CSS-first 的 @theme、不必再填 content 陣列。這是官方頻道上最接近「現在該怎麼裝 v4」的長片，建議在看完入門系列後接著看。