15个最新CSS相关的网页设计及开发工具


CSS工具对网页开发及设计人员来说是一项很重要的资产,它简化了网页开发及设计人员的工作同时又能达到他们预期的效果。这些工具不仅为他们节省了大量的时间,而且让他们...

       CSS工具对网页开发及设计人员来说是一项很重要的资产,它简化了网页开发及设计人员的工作同时又能达到他们预期的效果。这些工具不仅为他们节省了大量的时间,而且让他们得以使用快捷的方式创建别致的,功能性的,优化的网站。

       无论你是新手还是经验丰富的开发人员,CSS工具都可以帮助你学习理解CSS的功能并且掌握它。幸运的是网上有一些CSS工具可以帮助开发人员写出更好并且可运行的CSS代码。在这篇文章里我们收录了15个最新的CSS工具。这15个工具每个开发人员都应该知道并了解到。希望您能够从我们的收录中获益。

那么接下来,我们就一个个来看一下吧。

Simptip

Simpletip是一个简单的用Sass创建的CSS Tooltip,是一个轻量级的CSS文件,因此非常容易加载和个性化。使用Simpletip你可以创建不同的tooltip信息。它和所有的浏览器都兼容并且可被置于上下左右各个方向。你还可以为提示信息,成功,危险及警告等事件设置不同颜色的Tooltip。

另外,Simpletip还带有一些很棒的功能,例如软边线(soft edge),可移动效果( movable effect),多行Tooltip(multiline tooltip),淡入淡出显示(fade effect),和半箭头(half arrow)功能,这些都能让你的Tooltip看起来很别致。这些功能可以单独也可以合并起来使用。

AbsurdJS

AbsurdJS是一个用JavaScript写的能够支持HTML和CSS的预处理器。你可以使用AbsurdJS把JavaScript,JSON, YAML转换成HTML,把JavaScript, JSON, YAML, CSS转换成CSS。它支持Nodejs和浏览器,并且一个额外的好处是提供流行编程语言的语法,如JavaScript。

正如其他预处理器一样,它具有如文件导入,变量,media queries bubbling, mixins, 嵌套选择器(nested selectors)等诸多其他功能。可被用作纯JavaScript以使用变量来生成CSS文件或者以实现其他的动态功能。另外,它支持GruntJS。

标签: 开发CSS