助你成為 CSS 大師的18個(gè) GitHub 倉庫
今天給大家?guī)硪恍?CSS 的學(xué)習(xí)資源總結(jié)。
一、學(xué)習(xí)資源
Awesome-css-learning
? GitHub stars: 2k+
一個(gè)非常棒的 CSS 學(xué)習(xí)資源列表。
CSS-reference
? GitHub stars: 4k+
當(dāng)前最流行的 CSS 屬性免費(fèi)學(xué)習(xí)指南。
Magic-of-css
? GitHub stars: 5k+
一個(gè)可以讓你變成 CSS 魔術(shù)師的系列課程。
風(fēng)格指南和最佳實(shí)踐
CSS-architecture
? GitHub stars: 2k+
8 條簡(jiǎn)單的規(guī)則，幫助你構(gòu)建健壯、可擴(kuò)展的 CSS 架構(gòu)。
Airbnb-css
? GitHub stars: 6k+
當(dāng)前最受歡迎的 CSS 和 Sass 風(fēng)格指南。
Bevacqua-css
? GitHub stars: 800+
一份不錯(cuò)的 CSS 風(fēng)格指南。
CSS-style-guide
? GitHub stars: 800+
Dropbox 的 CSS 風(fēng)格指南。
三、Flexbox 和 Grid
Flex-cheatsheet
? GitHub stars: 1k+
帶有可視化示例的 Flexbox 備忘單。
Flexbox30
? GitHub stars: 1k+
通過 30 條代碼片段助你在 30 天內(nèi)精通 Flexbox。
Gridgarden
? GitHub stars: 2k+
一款學(xué)習(xí) CSS Grid 布局的互動(dòng)游戲。
Awesome-css-grid
? GitHub stars: 300+
CSS Grid 布局的精選資源列表。
有用的提示和技巧
CSS-protips
? GitHub stars: 21k+
幫助您提高 CSS 技能的一系列技巧。
You-need-to-know-css
? GitHub stars: 4k+
面向 Web 開發(fā)者的 CSS 技巧總結(jié)。
30-seconds-of-css
? GitHub stars: 15k+
滿足你所有開發(fā)需求的簡(jiǎn)短 CSS 代碼片段。
You-dont-need-javascript
? GitHub stars: 17k+
CSS 很強(qiáng)大，不用 JS 也可以做很多事情。
其他資源
Awesome-css-frameworks
? GitHub stars: 4.9k+
2022 年很棒的 CSS 框架列表。
Must-watch-css
? GitHub stars: 4k+
一份有用的關(guān)于 CSS 的訪談的總結(jié)列表。
Scalable-css-reading-list
? GitHub stars: 1k+
一份全面的可擴(kuò)展 CSS 資源列表。
參考：https://madza.hashnode.dev/18-github-repositories-to-become-a-css-master