相對於 Bootstrap 4 來說，我認為 v5 真正發揮特色的地方在於 “變數”

雖然 Sass 可以透過簡短的語法產生大量的 CSS 程式碼，但這也意味著 CSS 檔案會不斷地擴增。因此許多設計概念在 v4 都受到了限制，例如：不同間距的 gutter（v4 只有三種，而這三種已經讓 Bootstrap 額外佔用許多容量）。

到了 v5 以後，除了原有的 Sass 之外，更靈活運用原生的 CSS 變數技巧，這些用法甚至會讓人感覺到「哇～原來變數可以這樣玩」。以格線系統來說，每次新增一種新的 gutter 僅需要增加 3 行 CSS（沒錯，包含 ClassName 就三行；至多不需要超過 5 行）

傳統的 CSS，至少要 60 行以上才能達到此效果，而 CSS 變數的 3 行影響到：
- 12 欄
- 5 種中斷點的欄線
- 外層 .row 的設計

更詳細的 CSS 變數知識
可參考此篇文章：https://wcc723.github.io/development/2021/09/22/css-variables-bootstrap/

🌐從『網頁新手快速入門組合包』開始0基礎學程式，做出屬於自己的網頁！

文組起家的安迪連，透過線上跨領域學習，把「🖥程式力」變成我的第二專長，成功轉型為全職的網頁設計師👨🏻‍🎨。也因此很多朋友都在問我，如何 0 基礎開始學習程式?

我的答案就是：找一堂優質的課程，以架設個人網站為目標，一邊看課程影片，一邊一步步的設計出符合自己形象的網站，透過做中學很快就能學會了！而且才會有滿滿的成就感👍！

這次要推薦的這個「網頁新手快速入門｜第一次打造網頁就上手」課程組合包真的太棒了❤️！ 課程規劃的非常完整，四門課程一次擁有CP超高，真的讓你從新手變高手🙋🏻

1️⃣從「給網頁設計初學者的一門課」這門課開始入門，透過HTML、CSS、JavaScript的認識與基礎語法學習，從零開始讓你成為網頁設計師的第一步。

入門的學完後，依照需求還有三門進階課程，精進技術成為高手！

2️⃣透過「使用 Bootstrap 4 提升網頁實戰力」這門課，學習如何套用最受歡迎的前端CSS 框架，做出漂亮精美的網站。
3️⃣在「一次解決常見 CSS 排版問題」這門課中，深入解決網頁版面規劃的跑版問題。
4️⃣最後，在「前端新手開發攻略｜6 小時無痛入門 jQuery」課程中，替網站加上超好用的前端功能！

👍老師講解的很詳細，淺顯易懂。即使是零程式基礎的新手也不必擔心。最棒的是老師不只講理論，還融入大量實作，帶著大家一步步設計出一個專業的網頁~

👍每段影片以5~10分鐘為一個段落，不論是用手機、平板或是電腦都能輕鬆學。通勤時間就可以聽完一段，還能直接在上課的介面中撰寫筆記，與同學們公開，超有成就感！

--

已經有基礎的夥伴，在專注於程式學習 Hiskio 嗨 程式技能 課程平台中，最近他們推出的活動「前端馬拉松GO」，無論是新手還是老手，裡面的課程組合還有2.7折起的優惠，一般外面的課程都很貴！但這次的組合優惠課程，真的很划算！
好多課程一次買起來🔥～

我推薦的課在這 👉 https://bit.ly/2S4wJJl
前端馬拉松GO，其他優惠課程 👉 https://bit.ly/3xxt1Iz

2020 CSS 大調查
從 CSS 使用技術、語法、架構甚至是薪資都完整分析

重點數據：
- Sass 是滿意度偏高及最多使用者的預處理器
- Bootstrap 滿意度中等，但是是最多人使用的 CSS 框架
- Tailwind 及 Bootstrap 5 的變化，可以看到 utility 概念崛起（Atomic CSS）
- 主流文字編輯器為 VSCode，付費編輯器主流為 WebStorm
- 半數以上的人認為 CSS 容易學
- CSS 是一種程式語言，開始越來越多人同意（但未達 50%）
- 7 成的開發者喜歡寫 CSS
- 這份調查八成來自於英語系國家

State Of CSS 中文版
https://2020.stateofcss.com/zh-Hant/

#stateofcss