Dabblet,简洁实用的HTML和CSS代码段在线测试工具
来源:互联网 发布:网络电视apk 编辑:程序博客网 时间:2024/06/05 19:27
跨浏览器兼容,对前端攻城师们来说是一个不得不处理的问题。为了在浏览器间呈现统一的显示效果,攻城师们不仅要为每个游览器添加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撰写的指南。
- Dabblet,简洁实用的HTML和CSS代码段在线测试工具
- JS、HTML和CSS在线格式化工具
- 实用的在线工具
- 实用的在线工具
- HTML/CSS/Javascript代码在线压缩、格式化(美化)工具
- HTML/CSS/Javascript代码在线压缩、格式化(美化)工具
- HTML/CSS/Javascript代码在线压缩、格式化(美化)工具
- HTML/CSS/Javascript代码在线压缩、格式化(美化)工具
- HTML/CSS/Javascript代码在线压缩、格式化(美化)工具
- HTML/CSS/Javascript代码在线压缩、格式化(美化)工具
- Web开发者的福利 30段超实用CSS代码
- Web开发者的福利 30段超实用CSS代码
- Web开发者的福利 30段超实用CSS代码
- Web开发者的福利 30段超实用CSS代码
- Web开发者的福利 30段超实用CSS代码
- Web开发者的福利 30段超实用CSS代码
- Web开发的30段实用CSS代码
- Web开发者的福利 30段超实用CSS代码
- 后缀数组
- 跟我一起学摄影
- Android音量调节的实现(RingtoneManager和RingerVolumePreference)
- C++设计模式-外观模式
- 博客录
- Dabblet,简洁实用的HTML和CSS代码段在线测试工具
- 关系数据库的一些基用概念
- C#动态调用WebService
- 逻辑卷管理器 (Logical Volume Manager) 之二!
- VS编程中找不到Microsoft.Office.Core、Microsoft.Office.Interop.Word和VBIDE引用解决方案
- 马小平老师《人文素养读本》
- 一项“和灾难赛跑的教育”工程 ——马小平编著《人文素养读本》序
- 一个中学老师的“教育家梦”
- C# 判断日期是星期几