Da Button Factory是一个在线创建文字按钮的服务，输出格式可以为图片或者CSS代码。 可以选择按钮样式，设置字体大小，阴影，颜色，边框等等属性，Ajax即时显示出修改的效果。可以输出为png, gif, jpeg图片格式或者是生成CSS背景的代码。同时其提供了几个按钮样例，包括Yahoo搜索，Apple网站，Gmail等按钮的样式。

很干净快捷的一个服务，网页上连个广告都没有，罕见。

Colors Pallete Generator是一个在线查看图片配色的服务。 只需要上传图片，或者输入图片的网络地址，其便可以分析出此图片应用的配色方案。按照由浅至深三种和整体进行分析配色来得出结果。支持多种图片格式，最大上传文件为1M，同时支持输出CSS样式和Photoshop的.aco样式文件。

另外其CSS Drive网站提供的CSS Gallery特色网站展示和众多网站设计资源也相当值得一看。

Html Playground是一个在线编辑和调试XHTML和CSS的网络工具。
 
如图所示，在左侧选择HTML Tag后，会出现其具体的说明描述，同时也有完整的HTML代码样例。可以设置并调整属性，修改代码，然后进行输出结果的测试。

对于网页开发人员来说这个工具太简单了，但对于HTML或者CSS的初学者，查看它每个Tag的说明和代码样例还是很有帮助的。

Designoogle是一个有关CSS，网页设计等等的搜索引擎。

其使用Google Custom Search进行搭建，汇集了超过100多个不同的网页设计站点。用户能够通过它快速地搜索到关于网页制做的种种信息。

用户也可以联系站长来添加其它相关的网页设计网站来丰富此搜索引擎。

以前曾经强烈推荐过Stylish来定制Firefox下的网站样式，不知道大家都有没有使用。

今天发现了一个叫做Gmail Auto Hide Header的样式，它能够自动隐藏Gmail顶部包括搜索栏在内的众多内容，而当鼠标移动到顶部时则会自动出现，极大的扩展了阅读空间。当然，去除广告，Chat栏，邀请栏的Gmail　- no ads, no chat box也是必装的哦。

另外也分享一下自己现在定制的Google Reader – Super Clean样式，虽然OS X Style很华丽，不过我还是喜欢更简洁一些的。

使用之前须安装Stylish这个插件，同时对于一个站点的多个样式最好自己合并一下。当然如果你认为自己是高手，也可以去参考代码手动修改Firefox个人Profile的userChrome.css。

XRAY提供了一个在线快速查询网页CSS属性的服务。

只需要把此XRAY链接添加到浏览器收藏夹，在访问任何网页时，点击此链接，便可以激活，然后点击页面的任意部分便会显示出其像素位置，高度，宽度和CSS的边框，Margin, Padding等CSS属性信息。

比较简单的应用，目前还不支持显示颜色，字体等信息，但能量出每个区域的宽度，高度还是很方便的。如果你使用Firefox浏览器，也可以使用更加强大和专业的CSS Viewer插件来查询网页上的CSS属性信息。