预处理器

更快地编译 CSS

• GCSS：一个用GO语言编写的CSS预处理器。
• LESS：向下兼容CSS并为当前的CSS增加额外的功能。
• ：只用写纯CSS而不用担心浏览器加载缓慢。
• PCSS：一个用Python语言编写的CSS预处理器。
• ：通过JS插件来转换CSS。
• ：成熟、稳定且强力的专业CSS扩展语言。
• ：用于nodejs的直观、强健、极具特色的CSS语言。
• ：另一种CSS预处理器。

这里。

框架

• ：简化了web开发工作流程。
• ：这个CSS框架为你提供易用的栅格系统、符合直觉的排版功能、有用的插件以及可打印的样式
• ：最流行的HTML、CSS、JS框架
•  ：强力的、可扩展的、基于Sass的、采用BEM命名的面向对象CSS框架
• ：一个高级响应式前端框架。
• ：很好的用于制作Material Design风格网站的框架。
• ：基于Material Design的现代响应式前端框架。
• ：一套可用于所有web项目的小型响应式CSS模块。
• ：使用人性化html的强力框架。 
• ：一个超简单的响应式模板。 
• ：适用于手机、平板以及电脑端的栅格系统。

工具集

• Basscss：一个基本元素样式与不可修改工具轻量级集合。
• Bourbon：用于Sass的简单且轻量的混合库。
• Corpus：另一个CSS工具集。
• Susy：用于Sass的响应式工具集。

CSS结构

• RSCSS：CSS样式结构的合理标准。
• ITCSS：用于大型UI项目的稳定、可扩展、可控制的CSS架构。

CSS标准化

• Normalize：一套提供较好的多浏览器默认样式一致性的CSS规范。
• Normalize OpenType：为Normalize.css添加了OpenType特性，如连字、字间距等等。
• Reset：一套CSS标准，将全部的HTML元素调整到一致的基准线。
• sanitize.css：一套可立即使用的，符合当今最优实践的CSS规范。

大型网站的CSS开发

• [Github的CSS方案]( Otto]()
• CodePen的CSS方案 by ，
• Lonely Planet的CSS方案 by ，
• Groupon的CSS方案 by ，
• Buffer的CSS方案 by ，
• HOOTSUITE的CSS方案 by Steve Mynett，
•  by ，
• Bugsnag的CSS架构 by ，
• Ghost的CSS方案 by Paul Davis，
•  by ，

代码风格指导

•  by .
•  by .
•  by .
•  by .
• ，作者ThinkUp
• ：

风格指导

• ；
•  by .
•  by .
•  by .
•  by Sass team.
•  by .
•  by .

命名习惯和方式

• Atomic OOBEMITSCSS：
• ：
• SMACSS：
• Point North：
• ITCSS：
• OOCSS：
• Title CSS：
• idiomatic-css：
• Atomic Design：
• SUIT CSS：
• Kickoff CSS：

参考

其他资源

播客

编程时可以听的一些内容。

• ：Chris Coyier 和 Dave Rupert 的在线播客，涉及前端、UX的设计及开发。
• ：由 Anna Debenham 和 Brad Frost 主持的一些访谈。
• ：包含了几乎所有 Web 相关的话题，比如网络出版、艺术指导、内容策略、版面设计、Web技术等等。
• ：与全世界的专家讨论 Web 技术的变化和发展。
• ：挖掘出那些在数字艺术、设计以及开发领域最好的、最知名的并且最聪明的创客们。
• ：这个播客的口号是：“开源发展很快，快跟上”，致力于让你跟上最新的开源技术。

Twitter

值得关注的活跃用户

• ：@Autoprefixer, 和 @PostCSS 的作者
• ：web设计师，@multimedial_utn 的教授，HTML5 & CSS狂热爱好者，业余翻译者。
• ：@Codrops CSS Reference的作者，Smashing Book #5的合著者。
• ：@edenspiekermann 的 CSS 怪才以及 Sass 黑客
• ：前端开发者、@GA_London 的教师， 的视频作者，宅男，吃货。
• ：爱吃大米，同时也是一个UX设计师，作者，@smashingmag 编辑以及程序员。
• ：开源的粉丝和支持者
• ：设计师、开发者、作家。偶尔在
• ：最近忙于 CSSWG 的公共 Mercurial 库
• ：responsiblerwd 的作者，现在 abookapart上 面在打折
• ：Web开发者、作者、老师以及演说者。
• ：Web设计师、开发者，专注于CSS、RWD、UX以及无障碍开发。
• ：主要研究node.js、javascript、开源模块、客户端优化、web性能相关。
• ：将代码与设计联系起来的谷歌员工。
• ：Yahoo 的 CSS 开发者
• ：Twitter的软件工程师
• - @google, @Etsy, @kickstarter, @BBC, @Deloitte, @FT等的前端设计顾问
• -谷歌工程师、开源拥护者、开发者、设计师、写手。
• ：MIT_CSAIL, @CSSWG IE, @OReillyMedia作者的研究助理，前W3C员工
• ：CSS和HTML是我的画笔，我对认知科学、AI、HCI、UI设计以及天体物理学很感兴趣，数码控。
• ：BMDesign以及Sassvocate的前端工程师，团队建设者以及手工艺者。座右铭：所有东西都应该开源！
• ：CodePen的设计师，Real_CSS_Tricks作者
• ：极客！
• ：谷歌的工程师，参与项目有Chrome、web组件、Polymer
• ：热爱爬山、啤酒以及美食。
• ：Web开发者，《CSS: The Missing Manual》和《JavaScript & jQuery: The Missing Manual》的作者，
• ：Mozilla开发者，CSS以及W3C标准的「外交官」。
• ：W3C的CSS工作团队联合主席，企业家，软件工程师，极客，两个孩子的爸爸，通晓多国语言，喜欢鸭子。
• ：爱恨分明，家庭美满，写代码，主导 LinkedIn 的样式。
• ：女程序员，SassCSS 的主设计师和开发者，在谷歌做 Dart 语言相关工作。
• ：Web设计师、演讲者、写手、顾问、音乐家。
• ：前端工程师，自由职业者，UI/UX开发者。
• ：在GitHub和Bootstrap工作，曾就职于Twitter，超级书呆子。
• ：UI设计师，CSS开发者
• ：GitHub设计师
• ：他的推都是关于CSS尺寸单元的
• ：设计师、开发者、写手、演讲者。我在网上做些东西，我写的SMACSS。

视频

一个很有用的必看视频清单，这个清单是从 的 复制过来的，我已经在Twitter上跟他说了，非常感谢！

2015

1. : Mark Otto, jQuery UK 30:06.
2. : Caleb Meredith, DevTips channel 30:15. 用SMACSS搭建CSS结构
3. : Jonathan Snook, Generate conf 2015 46:06. 从头开始学习CSS工作流

2014

1. : Harry Roberts, Industry Conf 48:48.
2. : Jonathan Snook, Beyond Tellerand 53:49.
3. : Kushagra Gour, CSSConf.Asia 35:55.
4. : Alicia Liu, Front-Trends 33:21.
5. : Angelina Fabbro, CSSConf.US 34:19.
6. : Sara Soueidan, CSSConf.EU 29:16.
7. : Brad Westfall, HTML5DevConf 42:47.
8. : Patrick Hamann, CSSConf.EU 33:42.
9. : Val Head, Multi-Mania 45:49.
10. : Tab Atkins, CSS Day 49:31.
11. : Nicolas Gallagher, dotCSS 28:46.
12. : Philip Walton, SFHTML5 40:02.
13. : Addy Osmani, CSSConf.EU 46:27.
14. : Mathias Bynens, CSS Day 45:35.
15. : Heydon Pickering, CSS Day 49:51.
16. Kyle Simpson, Front-Trends 39:04.

2013

1. : Pamela Fox, CSSConf.US 28:48.
2. : Lea Verou, JSConf.Asia 44:49.
3. : Jakob Mattsson, JSConf.Asia 42:07.
4. : Nicole Sullivan, CSSConf.EU 20:57.
5. : Nicolas Gallagher, SmashingConf 38:36.
6. : Jina Bolton, SassConf 48:08.
7. : Harry Roberts, CSSConf.EU 43:40.
8. : Addy Osmani, Velocity Europe Conference 5:57.
9. : Lea Verou, Future of Web Design 37:07.
10. : Chris Eppstein, CSSConf.EU 38:54.
11. : Christian Vuerings, SF HTML5 User Group 14:16.
12. : Ana-Maria Tudor, CSSConf.EU 30:27.
13. : Nicole Sullivan, TXJS 27:50.
14. : Angelina Fabbro, CSSConf.EU 31:38.
15. : Harry Roberts, Beyond Tellerand 41:57.
16. : Lea Verou, W3Conf 60:39.
17. : Renato Iwashima, HTML5DevConf 52:33.

2012

1. : Julie Ann Horvath, HTML5DevConf 29:39.
2. : Jon Rohan, CSS Dev Conf 40:50.

2010

1. : Dan Cederholm, Build Conference 44:29.
2. : Nicole Sullivan, Build Conference 37:53.

详情请咨询！

客服热线：023-66090381