前端工程师必备的css资源

Awesome 系列虽然挺全，但基本只对收录的资源做了极为简要的介绍，如果有更详细的中文介绍，对相应开发者的帮助会更大。

一、预处理器，更快地编译 CSS

1.GCSS：一个用GO语言编写的CSS预处理器。

2.LESS：向下兼容CSS并为当前的CSS增加额外的功能。

3.Myth：只用写纯CSS而不用担心浏览器加载缓慢。

4.PCSS：一个用Python语言编写的CSS预处理器。

5.PostCSS：通过JS插件来转换CSS。PostCSS

6.Sass：成熟、稳定且强力的专业CSS扩展语言。

7.Stylus：用于nodejs的直观、强健、极具特色的CSS语言。

8.YACP：另一种CSS预处理器。

这里有一个 CSS 预处理器汇总（https://github.com/showcases/css-preprocessors）。

二、框架

1.960 Grid System：简化了web开发工作流程。

2.Blueprint：这个CSS框架为你提供易用的栅格系统、符合直觉的排版功能、有用的插件以及可打印的样式

3.Bootstrap：最流行的HTML、CSS、JS框架

4.inuit.css ：强力的、可扩展的、基于Sass的、采用BEM命名的面向对象CSS框架

5.Foundation：一个高级响应式前端框架。

6.Material Design Lite：很好的用于制作Material Design风格网站的框架。

7.Materialize：基于Material Design的现代响应式前端框架。

8.Pure.css：一套可用于所有web项目的小型响应式CSS模块。

9.Semantic UI：使用人性化html的强力框架。

10.Skeleton：一个超简单的响应式模板。

11.UIkit：适用于手机、平板以及电脑端的栅格系统。

三、工具集

1.Basscss：一个基本元素样式与不可修改工具轻量级集合。

2.Bourbon：用于Sass的简单且轻量的混合库。

3.Corpus：另一个CSS工具集。

4.Susy：用于Sass的响应式工具集。

四、CSS结构

1.RSCSS：CSS样式结构的合理标准。

2.ITCSS：用于大型UI项目的稳定、可扩展、可控制的CSS架构。

五、CSS标准化

1.Normalize：一套提供较好的多浏览器默认样式一致性的CSS规范。

2Normalize OpenType：为Normalize.css添加了OpenType特性，如连字、字间距等等。

3.Reset：一套CSS标准，将全部的HTML元素调整到一致的基准线。

4.sanitize.css：一套可立即使用的，符合当今最优实践的CSS规范。

六、大型网站的CSS开发

1.Github的CSS方案 by Mark Otto

2.CodePen的CSS方案 by Chris Coyier

3.Lonely Planet的CSS方案 by Ian Feather

4.Groupon的CSS方案 by Mike Aparicio

5.Buffer的CSS方案 by Brian Lovin

6.HOOTSUITE的CSS方案 by Steve Mynett

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！