前端开发设计工具汇总

前端开发工具汇总

• w3c html验证
• css验证
• yahoo在线压缩图片
• 占位图片在线生成
• 获取分享按钮

• 浏览器兼容性测试
• html转成string
• 在线制作表单
• 在线生存按钮
• 配色方案1
• 配色方案2
• 颜色库
• html生成
• css选择器效率测试
• css常见布局
• 在线压缩，格式化css
• 在线压缩js
• 常用js库获取
• jquery选择器测试
• 网格布局生成器
• table生成器
• px,em互相转换
• hack速查表

火狐插件

• Firebug
• Web Developer
• CSS Reloader
• Xmarks
• Pearl Crescent Page Saver
• Yslow

火狐插件直接在火狐插件里面搜素就可以了，不用提供地址了。前面两个就不用说了，css reloader是不刷新页面重载css文件，xmarks是用来同步书签的，Pearl Crescent Page Saver是把网页保存为图片的，yslow是优化用的

css3 在线工具

• css3&html5支持情况
• Modernizr
• CSS3 selectors for IE
• css3 make
• css3@font-face在线字体库及制作
• google在线字体
• css3 gradient渐变背景生成
• css3 box-shadow投影在线生成
• 10 CSS3 box shadow experiments
• 在线生成圆角
• css3 please
• css3属性熟悉
• css3 responsive显示效果测试
• CSS3 Patterns Gallery
• animation fill code

— 转载至w3cplus, 感谢分享！