<p align="center"> <img src="https://yellow-cdn.veclightyear.com/0a4dffa0/c63d3ed7-4589-4115-b992-74cc3846521f.svg" width="200" alt="带播放按钮的电视图标"> </p>

必看的CSS

这是一个广受好评的CSS相关演讲集合，涵盖了CSS网格、弹性布局、自定义变量、性能、框架、Sass、工具等主题。

喜欢JavaScript吗？看看必看的JavaScript！ 想了解其他优秀列表，请查看@sindresorhus策划的awesome列表。

• 贡献指南

2022

1. CSS变量的秘密：Lea Verou，CSS Day 59:06
2. 哦，太棒了！：Adam Argyle，CSS Day 49:46

2020

1. 一行CSS实现10种现代布局：Una Kravets，(Google Chrome开发者YouTube频道) 21:38

2019

1. CSS算法：Lara Schenck，Strange Loop大会 36:18
2. 使用CSS网格快速构建经典布局：Miriam Suzanne，(Mozilla开发者YouTube频道) 8:29
3. CSS动画 - 超越过渡：Steven Roberts，CSSConf布达佩斯 28:01
4. 使用开发者工具理解现代CSS布局：Chen Hui Jing，CSSConf EU 32:39
5. 你好，子网格！：Rachel Andrew，CSSConf EU 32:56

2018

1. 弹性CSS：如何编写在每个浏览器中都能工作的CSS，即使是旧浏览器：Jen Simmons (Layout Land播放列表) 55:04
2. 使用CSS创造性文本效果：Mandy Michael，Talk.CSS 40:46
3. 学习CSS网格：Wes Bos，Laracon 44:59

2017

1. CSS网格布局：Rachel Andrew，Frontend NE 59:14
2. CSS的力量：Una Kravets，Front-Trends 30:57
3. CSS与首次有意义的绘制：Patrick Hamann，CSSConf EU 37:56
4. 生产环境中的CSS网格：Benjamin De Cock，dotCSS 16:05

2016

1. 2016年及未来的CSS：Christian Vuerings，SFHTML5 17:15
2. 用网格和弹性布局规划未来：Rachel Andrew，View Source大会 25:45
3. 使用CSS变量的响应式动画：David Khourshid，JSConf冰岛 31:02
4. CSS中实用的混合模式：Una Kravets，SmashingConf弗莱堡 47:04
5. 网页上的真实艺术指导：Jen Simmons，View Source大会 31:41
6. 你可能不需要CSS框架：Belen Albeza，View Source大会 22:46
7. CSS填充的阴暗面：Philip Walton，dotCSS 22:57

2015年

1. 模块化CSS：Mark Otto，jQuery UK大会 30:06
2. PostCSS：Sass和LESS之后的未来：Andrey Sitnik，CSSConf US大会 29:09
3. 打造你自己的组件库：Alex Sexton，JSConf AR大会 20:03
4. 让我们动起来：Benjamin De Cock，CSSConf AU大会 24:52
5. CSS动效设计：Val Head，OpenVis大会 29:39
6. 级联糟糕秀：Jacob Thornton，Code Genius 42:07
7. 内联样式即将终结CSS：Colin Megill，CSSConf US大会 36:11
8. 让我们谈谈我们的CSS：Michelle Bu，TXJS大会 18:11
9. 面向CSS开发者的软件工程CSS：Harry Roberts，SmashingConf Freiburg大会 51:14
10. Photoshop已死！：用CSS编辑图片：Una Kravets，CSSConf EU大会 28:42
11. 用Flexbox增强响应式设计：Zoe M. Gillenwater，CSSConf EU大会 37:13
12. 慢工出细活：Daniel Eden，dotCSS大会 15:06

2014年

1. 到底什么是CSS框架？：Harry Roberts，Industry大会 48:48
2. CSS是一团糟：Jonathan Snook，Beyond Tellerand大会 53:49
3. 高效CSS架构的十条戒律：Kushagra Gour，CSSConf Asia大会 35:55
4. 屠龙：如何重构CSS以提高可维护性：Alicia Liu，Front-Trends大会 33:21
5. 口袋里的CSS - 移动CSS实战技巧：Angelina Fabbro，CSSConf US大会 34:19
6. 用CSS设计和动画可缩放矢量图形：Sara Soueidan，CSSConf EU大会 29:16
7. 与CSS工具和方法和谐相处：Brad Westfall，HTML5DevConf大会 42:47
8. 构建可扩展的自动化CSS：Christian Lilley，CSSConf Asia大会 48:47
9. CSS和关键路径：Patrick Hamann，CSSConf EU大会 33:42
10. 恰到好处：如何让你的UI动起来：Val Head，Multi-Mania大会 45:49
11. CSS布局的现在与未来：Tab Atkins，CSS Day大会 49:31
12. 超越"可扩展CSS"的思考：Nicolas Gallagher，dotCSS大会 28:46
13. Web组件与CSS的未来：Philip Walton，SFHTML5大会 40:02
14. CSS性能工具：Addy Osmani，CSSConf EU大会 46:27
15. 关于CSS的3.14件我不知道的事：Mathias Bynens，CSS Day大会 45:35
16. 轻松的样式：Heydon Pickering，CSS Day大会 49:51

2013年

1. Bootstrap 攻击：Pamela Fox，CSSConf US 28:48
2. 第四维度的 CSS：Lea Verou，JSConf Asia 44:49
3. 自动化 CSS 测试：Jakob Mattsson，JSConf Asia 42:07
4. CSSConf EU 主题演讲：Nicole Sullivan，CSSConf EU 20:57
5. CSS 应用架构：Nicolas Gallagher，SmashingConf Freiburg 38:36
6. 重新对齐和重构 UI：Jina Bolton，SassConf 48:08
7. 规范化设计以获得更好的 CSS 质量：Harry Roberts，CSSConf EU 43:40
8. 自动化移除未使用的 CSS：Addy Osmani，Velocity Europe Conference 5:57
9. 谦逊的 Border-Radius：Lea Verou，Future of Web Design 37:07
10. Sass 和 OOCSS 坐在树上 K-I-S-S-I-N-G：Nicole Sullivan，TXJS 27:50
11. 构建可扩展的 CSS：Harry Roberts，Beyond Tellerand 41:57
12. 更多 CSS 秘密：你可能不知道的另外 10 个 CSS 知识点：Lea Verou，W3Conf 60:39

2012

1. 面向设计师的开源工具和库：Julie Ann Horvath，HTML5DevConf 29:39
2. GitHub 的 CSS 性能：Jon Rohan，CSS Dev Conf 40:50

2010

1. 手工制作的 CSS：Dan Cederholm，Build Conference 44:29
2. 大规模 CSS 的五大错误：Nicole Sullivan，Build Conference 37:53