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

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

Dabblet,简洁实用的HTML和CSS代码段在线测试工具_第1张图片

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

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

via TNW

 

除非注明,本站文章均为原创或编译,转载请注明: 文章来自 36氪

有关的故事

  • WebOS公布更多源代码、新版Isis浏览器和开发管理模式
  • 挑战 iBook?还是改变出版业?Inkling发布专业级交互电子书制作软件Habitat
  • 苹果App泄露数据那些事儿:iOS App是如何获取你的个人数据的?
  • 任务管理应用 Clear正式发布 iOS版——一款极具创意的手势操作软件【视频】
  • 一周之后,Google钱包重新上阵



你可能感兴趣的:(工具,推荐,Dabblet)