/ 资讯中心/ web开发中可用的css工具(一)

web开发中可用的css工具(一)

发布时间:2016-01-05 分类:新金融百科

很多css工具可以帮助软件开发工作者做很多事,取得创造性和创新性的成果,下面是介绍的几种css工具:

1、Kite

Kite是一个灵活的布局助手CSS库,使用inline-block而不是最新的CSS语法,Kite用法与flexbox相似:justify-content等。Kite注重实际,易于理解且容易使用,可以帮助你很轻松地创建复杂的模块,构建自己的组件,并且Kite支持几乎所有浏览器。

web开发中可用的css工具

2、 OdoMeter

OdeMeter是一个用来创建我们比较熟悉的如“汽车里程显示,机场信息板或角子机”等效果或者面板的JavaScript-CSS库。OdeMeter库是独立式+轻量级的,使用CSS为效果进行转换,所以效率极高当然也有回退设置。它简单地将一个给定的元素转换到另一个具有单行函数的预定义的值。

web开发中可用的css工具

3、 CSS Shakes

这是一个能够震动和晃动‘DOM’的CSS类集合。

web开发中可用的css工具

4、Typebase.css

Typebase.css是一个最小化的、可定制的字体样式表,有less和SASS两个版本,能够很容易地修改融入现代的Web项目。Typebase.css提供了所有排版所必要的基础工具并且不需添加其他任何设计内容,被创建用来完成项目发展和成长期时的修改,能和normalize.css很好的工作。

web开发中可用的css工具

5、Sassline

Sassline可以用在博客、prototyping以及其他Web项目,它有建议的基础字体样式和混合比例已达到基线网格的良好配合。

web开发中可用的css工具

6、 TypeSettings

一个Sass工具包,基于modular scale有Ems风格,纵向风格,响应比基于headlines。

web开发中可用的css工具

7、 Hint.css

Hint.css是一个使用SASS构建只使用CSS和HTML的提示库,使用数据属性、内容属性、伪元素以及CSS3转换。Hint.css的提示框简洁漂亮,有箭头且可放置在父元素的任何一边。

web开发中可用的css工具

这里讲了7种css工具,还有7种css工具在下一篇中讲解。