SpritePad是另一个创建CSS脚本的工具。所有你需要做的仅仅是将图像拖动到网格,你就会得到使用PNGsprite+CSS的代码。SpritePad最大的优势是你不需要手动指定CSS样式也不需要使用AdobePhotoshop。
2、Normalize.css
在HTML5已经准备好了代替CSS的今天,Normalize.css允许浏览器提供各种与今天的web设计标准相符的元素。为了让未来的设计者们更容易使用,仅仅盯着这些需要被标准化的样式,Normalize.css纠正了一系列普通的浏览器不一致的问题,以及附带一些代码注释。
3、Conditional-CSS
Conditional-CSS是一个出色的样式工具,针对它的特定CSS语句,你可使用它的条件逻辑编写易维护的样式。这样做是因为两个原因,一是单独的浏览器,同时也是为了浏览器组。使用Conditional-CSS这个免费的开源CSS工具,你可以很方便地优化你的CSS,高效地维护你的CSS文件,引入@import语句可以灵活地自动扩展。
4、CSSTypeSet
对开发者们和设计者们来说,CSSTypeSet作为一款著名的文字设计工具,它允许我们进行交互式的测试和学习风格化web内容的方式。在输入文本框内的文本框区域,我们需要输入想要修改的文本,同时你能在旁边查看一个叫“查看CSS”的文本框查看转换的CSS文件。
5、PxtoEM
PXtoEM是一个优秀的样式工具,让px到em的转换变得简单而快速。使用该工具,你所需要做仅仅是输入基础字体大小的像素和PxtoEm单位,工具会生成一个转换表。这将使你方便快捷地创建弹性的网页设计。
6、Templatr
对于不熟悉HTML或者CSS的人来说,如果想要制作一个优秀的网站,那么Templatr正是你所需要的工具。你可以自由的在其提供的大量布局样式中,批量上传图像和图形元素。用Templatr创建的样式可以使用特定的应用快速下载、安装。可被翻译成多种语言是Templatr主要优点之一。
7、CSScomb
你可以继续使用CSScomb工具来给你的CSS属性自动分类。CSScomb工具最大的好处是它可以有效地与大量流行的文本编辑器一起使用,如Notepad++、Coda。作为一种美化代码的有效工具,CSScomb的安装配置非常简单,你可以轻松的在线试用CSScomb,只需简单的复制粘贴代码到所提供的文本框中,然后便可在相邻的窗口中查看整理好的代码。
8、PSD2CSSOnline
PSD2CSSOnline是一款可以从Photoshop设计图中直接生成网页的高端CSS工具。你可以从众多的指南和命名规则中自由的选择如何将PSD转换为(X)HTML和CSS。
9、MoreCSS
作为一种面向设计的JavaScript库,MoreCSS允许通过代码创建弹出窗口、选项卡菜单、工具提示、高级列表样式、斑马线表、跨浏览器不透明度样式,并使用自动断字。
10、Prefixr
除了使样式表可以跨浏览器兼容外,Prefixr是另外一种允许添加浏览器前缀引擎的有趣工具,它可以让你用官方的正式语法代替所有的CSS3前缀。这意味着,你不需要记住任何特殊的CSS3属性,因为Prefixr已经将所有的这些信息构建在程序中了。
11、CSSMenuMaker
使用CSSMenuMaker工具可以简单灵活的创建跨浏览器兼容性的定制CSS菜单。不管你是否对创建下拉菜单、垂直菜单、折叠菜单、飞出菜单或者其他类型的菜单感兴趣,CSSMenuMaker都是一个不容错过的好工具。
12、CSSFrameGenerator
为了体现XHTML的结构,CSSFrameGenerator工具通过一行一行的方式返回CSS。在开始使用CSSFrameGenerator工具时,你只需要简单的将XHTML代码放在提供的文本框中,然后一名经过培训的CSSFrameGenerator专业人员将把相应的CSS框架提供给你。
13、CSSRedundancyChecker
CSSRedundancyChecker是一款可以找到所有CSS选择器的工具,而CSS选择器在HTML文件中已不再使用,因此可能变得多余。CSSRedundancyChecker致力于使CSS文件变得简洁,使其最有意义、最精确。
14、AwesomeFontstacks
AwesomeFontstacks是一款令人印象深刻的CSS工具,它可以批量创建免费的完美匹配web的字体。如果你正在寻求web排版的创新性,那么AwesomeFontstacks不容错过。
15、Wufoo
作为一款卓越的在线表格构建工具,Wufoo是基于网络的HTML表格构建工具,它可以用于创建吸引眼球的基于XHTML和CSS的表格。无论你是在寻求如何创建在线调查表、联络表或者邀请函,Wufoo都是一款简单好用的工具。