正则表达式（Regular Expression）在web开发中的应用非常广泛，很多时候使用它会给开发带来极大的便利。
但是，正则表达式的编写和使用是个比较复杂的过程。很多时候，即使将表达式写出来了，也不能保证正确。
那么，有没有便捷的检测方法呢？——有。本站推荐给大家几款优秀的在线检测正则表达式结果的站点。
http://regex.larsolavtorvik.com
http://www.regextester.com
http://www.nregex.com/nregex/default.aspx
本文来自很实用网站www.henshiyong.com
在进行网站设计的时候，你是否会因为色彩的搭配而苦恼过，那么为何不先用这些免费的在线色彩调试工具，把可能的色调风格搭配好呢？这里有20个优秀的实用在线色彩搭配工具，帮助你更快速更合理地完成设计的配色。
这20个在线配色工具功能强大，操作简单，能满足日常设计配色的功能需求，或许在你的手里，它们不只是一个在线配色工具那么简单了。
ColorLovers
ColoRotate
几乎每个 Web 站点都需要表单，不管是留言表单，还是会员注册表单，还是调查表或订单，尽管表单很有用，但对 Web 开发与设计者来说，表单的设计非常繁琐，本文搜集了15个免费或收费的第三方 Web 表单资源，可以轻松实现 Web 表单的设计与集成，它们中的一些还可以帮你实现非常专业的表单设计。
FormSpring 可以创建标准的联系，调查，捐赠接收，注册等表单，无需编码，它会帮你管理和接收数据，甚至集成付款功能。分免费和收费两种服务，免费服务允许创建3个表单，每个表单10个栏，每月接收50次数据。
Wufoo 可以实现联系，调查，注册，在线支付等表单的设计，可以使用模板，包含多种报告，同样，也包含免费和收费服务。免费服务允许一个用户，3个表单，3个报告，10个栏，每月100次数据。
我们曾介绍过 10 个基于 JavaScript 的 WYSIWYG（所见即所得） 编辑器，这些 Web 编辑器可以在线编辑和处理富 Web 内容，包括格式文本，表格，图片，媒体，链接等等，非常适合集成到 CMS 网站内容管理系统中使用。本文又搜集了 22 个 Web 在线编辑器，它们基本代表了当前 Web 编辑器的现状。
免费，开源，轻量，基于 JavaScript，高度可定制，跨平台。
免费，开源，用户量庞大，有良好的社区支持。
属于 Yahoo! YUI 的一部分，能输出纯净 XHTML 代码。
查看全部 »
导读：这些工具与素材都来自与Google 代码库，有图标素材，JS框架，CSS工具等等与网页设计/前端有关的资源。
Google 代码库是一个类似 SourceForge 的开源社区，大量开发者在那里上传自己的代码或素材同他人分享，Google 代码库于 2006 年启动，至今已积累了大量的好东西，本文从 Google 代码库搜集到 15 个非常出色的工具与素材，它们都基于 GPL， BSD， MIT 或 Creative Common 协议，可以免费使用。
这是一套由 Paul Jarvis 设计的微图标系列，这些图标拥有各种尺寸，提供分层 PSD 文件，非常适合做 Web 设计。
多数 CMS 系统都包含内置的代码精简工具，用来过滤生成的页面代码中的空格，注释，以最大程度地加快页面加载速度。该工具可以对 PHP 文件进行精简，对 JavaScript 和 CSS 进行压缩。
该项目由 Trevor Sheridan 创建，旨在不借助 CSS Hack 或 CSS z-index 技术实现让 Web 页面的页脚部分自动附着在指定对象下方。
查看全部 »
俗话说，“工欲善其事，必先利其器”。对于前端开发工程师来说，基于Firefox丰富的Web开发辅助插件无疑就是最好的利器。下面就与大家分享24款武装Firefox的Web开发插件。
开发工具
1. Web Developer 1.1.8
https://addons.mozilla.org/en-US/firefox/addon/60
以工具栏的形式对网页的(X)HTML、脚本、多媒体、CSS、缓存、图象等多方面的实用工具。使我们能轻易的获得网页的更多信息，使我们进一步的了解当 前所浏览的网页。
说明：超强的web分析工具，开发人员必装。
2. Firebug 1.5.0
https://addons.mozilla.org/en-US/firefox/addon/1843
Firebug是firefox下的一个插件,能够调试所有网站语言,如Html,Css等，但FireBug最吸引我的就是javascript调试 功能，使用起来非常方便，而且在各种浏览器下都能使用（IE,Firefox,Opera, Safari），简直难以置信。除此之外，其他功能还很强大。比如html,css,dom的察看与调试，网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具。
说明：查看，编辑，Debug页面的CSS,HTML,JavaScript。超强的开发调试的工具，开发人员必装。
3. LinrLightWeb 0.2.1
https://addons.mozilla.org/en-US/firefox/addon/14068
安装前，请确认您已安装Firebug插件，获取Firebug请访问:http://getfirebug.com/
1. 开启网页编辑模式，随意编辑网页——Fiddler的好搭档;
2. 超强Selector，查找操作标记;
3. 刷新CSS，无需刷新整页;
4. 快速设置CSS Sprites背景，鼠标拖移即可得到位置;
5. 保持登录状态，Session不过期;禁用
6. 同步发行IE版，Chrome版。
说明：非常强的web开发工具。