(点选下方公众号
译者：庞德公新浪网
邮箱：https://github.com/jobbole/awesome-css-cn
我想许多合作开发人员假如提过 GitHub 上有两个 Awesome：XXX 系列产品的天然资源重新整理。awesome-css 是 sotayamashita 发动保护的 CSS 天然资源条目，文本主要包括：CSS预CPU、框架、CSS结构、标识符艺术风格手册、重新命名生活习惯、新浪网、演说音频、大中文网站的 CSS 合作开发实战经验之类。
Awesome 系列产品尽管挺全，但基本上只对收录于的天然资源做了极其概要的如是说，假如有更详尽的英文如是说，对适当合作开发人员的协助会Villamblard。这也是他们发动那个开放源码工程项目的本意。
庞德公新浪网已在 GitHub 上发动「CSS 天然资源六本英文版」的重新整理。热烈欢迎蔓延、热烈欢迎重新加入。
https://github.com/jobbole/awesome-css-cn
预CPU
更慢地校对 CSS
GCSS：两个用GO词汇撰写的CSS预CPU。
LESS：相容CSS并为现阶段的CSS减少附加的机能。
Myth：再加写纯CSS而不必害怕应用程序读取较慢。
PCSS：两个用Python词汇撰写的CSS预CPU。
PostCSS：透过JS应用程序来转换CSS。PostCSS
Sass：成熟、稳定且强力的专业CSS扩展词汇。
Stylus：用于nodejs的直观、强健、极具特色的CSS词汇。
YACP：另一种CSS预CPU。
这里有两个 CSS 预CPU汇总（https://github.com/showcases/css-preprocessors）。
框架
960 Grid System：简化了web合作开发工作流程。
Blueprint：那个CSS框架为你提供易用的栅格系统、符合直觉的排版机能、有用的应用程序以及可打印的样式
Bootstrap：最流行的HTML、CSS、JS框架
inuit.css ：强力的、可扩展的、基于Sass的、采用BEM重新命名的面向对象CSS框架
Foundation：两个高级响应式后端框架。
Material Design Lite：很好的用于制作Material Design艺术风格中文网站的框架。
Materialize：基于Material Design的现代响应式后端框架。
Pure.css：一套可用于所有web工程项目的小型响应式CSS模块。
Semantic UI：使用人性化html的强力框架。
Skeleton：两个超简单的响应式模板。
UIkit：适用于手机、平板以及电脑端的栅格系统。
工具集
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方案 by Mark Otto
CodePen的CSS方案 by Chris Coyier
Lonely Planet的CSS方案 by Ian Feather
Groupon的CSS方案 by Mike Aparicio
Buffer的CSS方案 by Brian Lovin
HOOTSUITE的CSS方案 by Steve Mynett
如何精简TrelloCSS架构 by Bobby Grace
Bugsnag的CSS架构 by Max Luster
Ghost的CSS方案 by Paul Davis
Medium的CSS方案 by Jacob Thornton
标识符艺术风格指导
撰写符合词汇生活习惯的 CSS by Nicolas Gallagher.
CSS 手册 by Harry Roberts.
Sass 手册 by Hugo Giraudel.
Mark Otto 撰写的艺术风格手册，受「GitHub 艺术风格」和「撰写符合词汇生活习惯的 CSS」所激发 by Mark Otto.
ThinkUp 的 CSS 艺术风格指导，译者ThinkUp
Google 的 HTML/CSS 艺术风格指导
WordPress的CSS标识符标准
艺术风格指导
Atlassian 官方 UI 文档；
设计元素 by lonely planet.
GitHub 的 CSS 艺术风格指导
Patterns by MailChimp 的艺术风格手册.
Lighting Design System by Salesforce 的艺术风格手册.
SASS 艺术风格手册 by Sass team.
星巴克的艺术风格手册 by Starbucks.
关于中文网站艺术风格指导的一些天然资源 by Awesome people.
重新命名生活习惯和方式
Atomic OOBEMITSCSS
BEM
SMACSS
Point North
ITCSS
OOCSS
Title CSS
idiomatic-css
Atomic Design
SUIT CSS
Kickoff CSS
参考
可扩展CSS阅读清单
其他资源
新浪网
编程时可以听的一些文本。
Shop Talk Show：Chris Coyier 和 Dave Rupert 的新浪网新浪网，涉及后端、UX的设计及合作开发。
Style Guide Podcast：由 Anna Debenham 和 Brad Frost 主持的一些访谈。
The Big Web Show：包含了几乎所有 Web 相关的话题，比如网络出版、艺术指导、文本策略、版面设计、Web技术之类。
The Web Ahead：与全世界的专家讨论 Web 技术的变化和发展。
Non Breaking Space Show：挖掘出那些在数字艺术、设计以及合作开发领域最好的、最知名的并且最聪明的创客们。
The Changelog：那个新浪网的口号是：“开放源码发展很快，快跟上”，致力于让你跟上最新的开放源码技术。
CSS Animation
Andrey Sitnik：@Autoprefixer, http://easings.net 和 @PostCSS 的译者
Evangelina Ferreira：web设计师，@multimedial_utn 的教授，HTML5 & CSS狂热爱好者，业余翻译者。
Sara Soueidan：@Codrops CSS Reference的译者，Smashing Book #5的合著者。
Hugo Giraudel：@edenspiekermann 的 CSS 怪才以及 Sass 黑客
Guy Routledge：后端合作开发人员、@GA_London 的教师，http://www.atozcss.com 的音频译者，宅男，吃货。
Heydon Pickering：爱吃大米，同时也是两个UX设计师，译者，@smashingmag 编辑以及合作开发人员。
Adam Morse：开放源码的粉丝和支持者
Donovan Hutchinson：设计师、合作开发人员、作家。偶尔在http://Hop.ie上写博客，目前在建设@cssanimation
CSS Commits：最近忙于 CSSWG 的公共 Mercurial 库
Scott Jehl：responsiblerwd 的译者，现在 abookapart上 面在打折
Dudley Storey：Web合作开发人员、译者、老师以及演说者。
Zoe M. Gillenwater：Web设计师、合作开发人员，专注于CSS、RWD、UX以及无障碍合作开发。
Ben Briggs：主要研究node.js、javascript、开放源码模块、客户端优化、web性能相关。
Paul Lewis：将标识符与设计联系起来的谷歌员工。
Thierry Koblentz：Yahoo 的 CSS 合作开发人员
Nicolas Gallagher：Twitter的软件技师
Harry Roberts- @google, @Etsy, @kickstarter, @BBC, @Deloitte, @FT等的后端设计顾问
Phil Walton -谷歌技师、开放源码拥护者、合作开发人员、设计师、写手。
Lea Verou：MIT_CSAIL, @CSSWG IE, @OReillyMedia译者的研究助理，前W3C员工
Manoela Ilic：CSS和HTML是我的画笔，我对认知科学、AI、HCI、UI设计以及天体物理学很感兴趣，数码控。
Una Kravets：BMDesign以及Sassvocate的后端技师，团队建设者以及手工艺者。座右铭：所有东西都假如开放源码！
Chris Coyier：CodePen的设计师，Real_CSS_Tricks译者
Nicole Sullivan：极客！
Eric Bidelman：谷歌的技师，参与工程项目有Chrome、web组件、Polymer
Patrick Hamann：热爱爬山、啤酒以及美食。
Dave McFarland：Web合作开发人员，《CSS: The Missing Manual》和《JavaScript & jQuery: The Missing Manual》的译者，
L. David Baron：Mozilla合作开发人员，CSS以及W3C标准的「外交官」。
Daniel Glazman：W3C的CSS工作团队联合主席，企业家，软件技师，极客，两个孩子的爸爸，通晓多国词汇，喜欢鸭子。
The Chris Eppstein：爱恨分明，家庭美满，写标识符，主导 LinkedIn 的样式。
Natalie Weizenbaum：女合作开发人员，SassCSS 的主设计师和合作开发人员，在谷歌做 Dart 词汇相关工作。
Brad Frost：Web设计师、演说者、写手、顾问、音乐家。
Maxime Thirouin：后端技师，自由职业者，UI/UX合作开发人员。
Mark Otto：在GitHub和Bootstrap工作，曾就职于Twitter，超级书呆子。
Simon：UI设计师，CSS合作开发人员
Connor Sears：GitHub设计师
Remy Sharp：他的推都是关于CSS尺寸单元的
Jonathan Snook：设计师、合作开发人员、写手、演说者。我在网上做些东西，我写的SMACSS。
音频
两个很有用的必看音频清单，那个清单是从 908a28 的 AllThingsSmitty/must-watch-css 复制过来的，我已经在Twitter上跟他说了，非常感谢！
2015
mdo-ular CSS: Mark Otto, jQuery UK 30:06.
CSS Architecture with SMACSS: Caleb Meredith, DevTips channel 30:15. 用SMACSS搭建CSS结构
CSS Workflow from the Ground Up: Jonathan Snook, Generate conf 2015 46:06. 从头开始学习CSS工作流
2014
What Is a CSS Framework Anyway? | 究竟什么是CSS框架？: Harry Roberts, Industry Conf 48:48.
CSS Is a Mess | 乱七八糟的CSS: Jonathan Snook, Beyond Tellerand 53:49.
10 Commandments for Efficient CSS Architecture | 高效CSS结构十诫: Kushagra Gour, CSSConf.Asia 35:55.
Slaying the Dragon: How to Refactor CSS for Maintainability | 杀掉巨龙：从可保护性方面考虑如何重构CSS: Alicia Liu, Front-Trends 33:21.
CSS in Your Pocket：Mobile CSS Tips from the Trenches | 口袋中的CSS-移动端CSS合作开发要点: Angelina Fabbro, CSSConf.US 34:19.
Styling and Animating Scalable Vector Graphics with CSS | 用CSS制作可扩展的矢量图动画: Sara Soueidan, CSSConf.EU 29:16.
Play Nice With CSS Tools and Methodologies | 学会使用CSS工具和方法: Brad Westfall, HTML5DevConf 42:47.
CSS and the Critical Path | CSS以及关键路径: Patrick Hamann, CSSConf.EU 33:42.
All the Right Moves: How to Put Your UI in Motion | 走好每一步：如何让你的UI动起来: Val Head, Multi-Mania 45:49.
Present and Future of CSS Layout | CSS布局的发展: Tab Atkins, CSS Day 49:31.
Thinking Beyond “Scalable CSS” | 关于可扩展CSS的思考: Nicolas Gallagher, dotCSS 28:46.
Web Components & the Future of CSS | WEB组件以及CSS的将来: Philip Walton, SFHTML5 40:02.
CSS Performance Tooling | CSS性能工具: Addy Osmani, CSSConf.EU 46:27.
3.14 Things I Didn’t Know About CSS3 | 关于CSS，我所不知道的14件事: Mathias Bynens, CSS Day 45:35.
Effortless Style | 轻松的样式: Heydon Pickering, CSS Day 49:51.
CSS: Yawn to Yay! | CSS：从无聊到精彩 Kyle Simpson, Front-Trends 39:04.
2013
When Bootstrap Attacks | 当Bootstrap开始发力: Pamela Fox, CSSConf.US 28:48.
CSS in the 4th Dimension | CSS是第四维: Lea Verou, JSConf.Asia 44:49.
Automated CSS Testing | 自动化CSS测试: Jakob Mattsson, JSConf.Asia 42:07.
CSSConf.EU Keynote | CSSConf.EU的基调: Nicole Sullivan, CSSConf.EU 20:57.
CSS Application Architecture | CSS的应用架构: Nicolas Gallagher, SmashingConf 38:36.
Realigning & Refactoring UI | UI的调整和重构: Jina Bolton, SassConf 48:08.
Normalizing Designs for Better Quality CSS | 提高CSS质量的规范化设计: Harry Roberts, CSSConf.EU 43:40.
Automating the Removal of Unused CSS | 自动清除无用的CSS: Addy Osmani, Velocity Europe Conference 5:57.
The Humble Border-Radius | 低调的Border-Radius: Lea Verou, Future of Web Design 37:07.
The Mind-blowing Power of Sass 3.3 | Sass那印象深刻的力量: Chris Eppstein, CSSConf.EU 38:54.
Front-End Tools for the Young Developer | 年轻合作开发人员的后端工具: Christian Vuerings, SF HTML5 User Group 14:16.
Maths-Powered Transforms for Creating 3D Shapes | Maths-创建3D图形的强力转换器: Ana-Maria Tudor, CSSConf.EU 30:27.
Sass and OOCSS Sitting in a Tree K-I-S-S-I-N-G | Sass和面向对象CSS完美搭配: Nicole Sullivan, TXJS 27:50.
CSS Levels Up | 提升CSS等级: Angelina Fabbro, CSSConf.EU 31:38.
Architecting Scalable CSS | 搭建可扩展的CSS: Harry Roberts, Beyond Tellerand 41:57.
More CSS Secrets: Another 10 Things You May Not Know about CSS | 更多的CSS秘密：CSS不为人知的另外10件事: Lea Verou, W3Conf 60:39.
Atomic Cascading Style Sheets: Renato Iwashima, HTML5DevConf 52:33.
2012
Open Source Tools and Libraries for Designers | 设计师的开放源码工具以及天然资源库: Julie Ann Horvath, HTML5DevConf 29:39.
GitHubs CSS Performance | GitHub的CSS表现: Jon Rohan, CSS Dev Conf 40:50.
2010
Handcrafted CSS | 手写CSS: Dan Cederholm, Build Conference 44:29.
The Top 5 Mistakes of Massive CSS | 大规模CSS中最容易出现的5个错误: Nicole Sullivan, Build Conference 37:53.
知名中文网站
英文站点
庞德公新浪网后端频道：庞德公后端分享 Web 后端合作开发，主要包括 JavaScript、CSS 和 HTML5 合作开发技术，后端相关的行业动态。
后端六本 微博：@后端六本
后端六本：专注分享Web后端相关的文本，主要包括 JavaScript、CSS 和 HTML5 技术文章、工具天然资源、精选课程和Web技术领域热点资讯。
UI设计达人：分享 UI 设计精选文章、案例、行业趋势、课程和书籍。
网页设计精选：分享网页设计精选文章、案例、行业趋势、课程和书籍。
庞德公新浪网已在 GitHub 上发动「CSS 天然资源六本英文版」的重新整理。热烈欢迎蔓延、热烈欢迎重新加入。链接：https://github.com/jobbole/awesome-css-cn
点选「」，可查看 CSS 六本完整版，并且查看本文提到的各天然资源。
———— 推荐 ————
范品社推出的极客T恤，含合作开发人员、电影、美剧和物理题材，面料舒适、100%纯棉，有黑、白、灰、藏青色，单件 ￥59.9、两件减￥12、四件减￥28、六件减￥42，详见网店商品页如是说。
（上面为部分 T 恤款式）
网店地址：https://fanpinshe.taobao.com
淘口令：复制以下红色文本，然后打开手淘即可购买
范品社，使用￥极客T恤￥抢先预览（长按复制整段文案，打开手机淘宝即可进入活动文本）
