Dabblet，简洁实用的HTML和CSS代码段在线测试工具

　　跨浏览器兼容，对前端攻城师们来说是一个不得不处理的问题。为了在浏览器间呈现统一的显示效果，攻城师们不仅要为每个游览器添加 CSS 前缀，甚至还需要用到一些特殊的 CSS Hack 技巧。于是，jsFiddle、JSBin 等前端代码的在线测试工具应运而生。然而，使用 jsFiddle 仍有很多不便之处。为了解决这个问题，前端攻城师 Lea Verou 自己动手，开发了一个名为 Dabblet 的 HTML 和 CSS 代码段在线测试工具。

　　如上图所示，Dabblet 的界面十分简洁，操作起来并不复杂，特别适合新手和想尝试最新 HTML5 标签和 CSS3 样式的前端攻城师使用。Dabblet 的一大特色是代码编写时可免加 CSS 前缀。因为，Lea Verou 本人就是免 CSS 前缀 JavaScript 脚本-prefix-free 的作者，Dabblet 拥有此功能当然是顺理成章的事。HTML 和 CSS 代码间的切换也很方便，点击隐藏工具栏右上方的标签即可。用户可以根据习惯，调整前端代码的预览效果，浏览器内全屏预览将新标签页中打开。

　　Dabblet 支持用 Github 帐号登录，测试的代码段既可以匿名保存也可以保存在用户的 Github:gist 中，以便用户将代码段嵌入自己的站点或是进一步分享给其他人。更多使用说明，请参考 Lea Verou 撰写的指南。

　　via TNW