欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > CSS入门 >

前端工程师必备的css资源

 

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

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

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

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

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

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

5.PostCSS:通过JS插件来转换CSSPostCSS

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:最流行的HTMLCSSJS框架

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.RSCSSCSS样式结构的合理标准。

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

五、CSS标准化

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

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

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

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

六、大型网站的CSS开发

1.GithubCSS方案 by Mark Otto

2.CodePenCSS方案 by Chris Coyier

3.Lonely PlanetCSS方案 by Ian Feather

4.GrouponCSS方案 by Mike Aparicio

5.BufferCSS方案 by Brian Lovin

6.HOOTSUITECSS方案 by Steve Mynett

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r33197.shtml

我要分享到:
上一篇:CSS符号属性和CSS背景样式代码
下一篇:没有了

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2017-07-07 02:00 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。