CSS 大师都玩转了这18个 GitHub 仓库

欢迎和号主【前端点线面】进群盘算法，此外本号干货满满：14个门类（100+篇原创）内容（又干又硬）、《前端百题斩》pdf（助力薪资double）、20+篇思维导图（知识系统化、记忆简单化），进摸鱼群。

一、学习资源

Awesome-css-learning

⭐ GitHub stars: 2k+

https://github.com/micromata/awesome-css-learning

一个非常棒的 CSS 学习资源列表。

CSS-reference

⭐ GitHub stars: 4k+

https://github.com/jgthms/css-reference

当前最流行的 CSS 属性免费学习指南。

Magic-of-css

⭐ GitHub stars: 5k+

https://github.com/adamschwartz/magic-of-css

一个可以让你变成 CSS 魔术师的系列课程。

风格指南和最佳实践

CSS-architecture

⭐ GitHub stars: 2k+

https://github.com/jareware/css-architecture

8 条简单的规则，帮助你构建健壮、可扩展的 CSS 架构。

Airbnb-css

⭐ GitHub stars: 6k+

https://github.com/airbnb/css

当前最受欢迎的 CSS 和 Sass 风格指南。

Bevacqua-css

⭐ GitHub stars: 800+

https://github.com/bevacqua/css

一份不错的 CSS 风格指南。

CSS-style-guide

⭐ GitHub stars: 800+

https://github.com/dropbox/css-style-guide

Dropbox 的 CSS 风格指南。

三、Flexbox 和 Grid

Flex-cheatsheet

⭐ GitHub stars: 1k+

https://github.com/yoksel/flex-cheatsheet

带有可视化示例的 Flexbox 备忘单。

Flexbox30

⭐ GitHub stars: 1k+

https://github.com/samanthaming/Flexbox30

通过 30 条代码片段助你在 30 天内精通 Flexbox。

Gridgarden

⭐ GitHub stars: 2k+

https://github.com/thomaspark/gridgarden

一款学习 CSS Grid 布局的互动游戏。

Awesome-css-grid

⭐ GitHub stars: 300+

https://github.com/valentinogagliardi/awesome-css-grid

CSS Grid 布局的精选资源列表。

有用的提示和技巧

CSS-protips

⭐ GitHub stars: 21k+

https://github.com/AllThingsSmitty/css-protips

帮助您提高 CSS 技能的一系列技巧。

You-need-to-know-css

⭐ GitHub stars: 4k+

https://github.com/l-hammer/You-need-to-know-css

面向 Web 开发者的 CSS 技巧总结。

30-seconds-of-css

⭐ GitHub stars: 15k+

https://github.com/30-seconds/30-seconds-of-css

满足你所有开发需求的简短 CSS 代码片段。

You-dont-need-javascript

⭐ GitHub stars: 17k+

https://github.com/you-dont-need/You-Dont-Need-JavaScript

CSS 很强大，不用 JS 也可以做很多事情。

其他资源

Awesome-css-frameworks

⭐ GitHub stars: 4.9k+

2022 年很棒的 CSS 框架列表。

Must-watch-css

⭐ GitHub stars: 4k+

https://github.com/AllThingsSmitty/must-watch-css

一份有用的关于 CSS 的访谈的总结列表。

Scalable-css-reading-list

⭐ GitHub stars: 1k+

https://github.com/davidtheclark/scalable-css-reading-list

一份全面的可扩展 CSS 资源列表。

参考：https://madza.hashnode.dev/18-github-repositories-to-become-a-css-master

··············· 执鸢者简介 ·················

看号主详细信息，来这

瞅一瞅

畅所欲言交流群

【1】前端百题斩系列

【2】Vue系列

【3】React系列

【4】前端基础系列

【5】基础知识

【6】浏览器系列

【7】构建工具系列

【8】网络系列

【9】Node系列

【10】源码系列

【11】前端有意思

【12】手撕算法系列

【13】个人总结

【14】杂科