鐵人檔案
本系列影片將會分享新手常見 CSS 錯誤，並探討近年設計模式與框架的演進，深入了解 CSS/SCSS Component、Utility 發展史，同時將分享近期熱門框架，介紹未來 CSS 架構趨勢
此教學將會分享 CSS 優良部份，以及點出網頁開發者常犯的錯誤，後期將會深度解析 Bootstrap 5、tailwindcss 的設計模式。 影片節點 先...
影片重點 .wrap .header .menu ul li a 與 .menu a 的差異 DOM、CSSOM 的效能配對 Google 瀏覽器效能優化...
影片重點 01:00 - 新手常犯的 CSS Class 命名錯誤 01:50 - 以響應式規則分享為何不能取方向式命名 02:30 - 建議新手可以用語意...
影片重點 00:01 - 從新手到中手的 CSS 命名規則 05:30 - 從 Bootstrap 5 文字大小命名規則 08:40 - tailwindc...
影片重點 00:01 - 講解 div 不好的寫法 01:00 - ul li 結構介紹 本章節所使用的範例圖
「工欲善其事，必先利其器」是亙古不變的道理，而 emmet 也是前端開發者必學的項目，除此之外，編輯器上的熱鍵也少不了要研究一些。 這裡筆者分享一部自己操作 e...
接下來即將進入到重頭戲，我即將介紹 Tailwind 與 Bootstrap 的設計模式探討與教學，但在那之前，想先來分享一下 Utility 通用類別、Com...
為了讓各位盡快瞭解 Tailwind 特性，嘗試使用 CDN 載入來進行教學，但在官網上有提及建議不要使用 CDN，原因在影片有詳細介紹~ 影片重點 00:...
為了讓大家能更快熟悉 Tailwind，我找了其中一個較簡單的安裝方式，也就是用它內建的 Tailwind Cli 來執行指令進行編譯。 同時也帶到一些 NP...
一直以來 Utility CSS 被人詬病的事情，就是 CSS 整包很肥大，所以在上個章節才會提及如果要使用 Tailwind 不要使用 CDN，因為肥到你會...
