16 款优秀的web开发辅助工具推荐
优秀的工具,可以使你的开发工作事半功倍,帮助你创建出高品质的web应用。
本文整理了16款重要的web开发工具,涵盖css、javascript、图像优化和其他方面的web开发工作,希望对你的开发工作能有所帮助。
一、css工具
1. simpless
这是一个免费的离线less代码编译器。如果你使用less,这是一个伟大的工具,能够自动检测代码变化,并编译它。可在mac、windows和linux平台上使用。
2. csswrap
一个很酷的css文本路径生成工具。
3. layerstyles
不想去记新的css3特性和前缀?该工具使用类似于photoshop图层样式的界面,让你轻松配置阴影、背景、边框和边界半径。
图五
4. bearcss
该工具可以根据上传的html文档,采集其中所使用的html元素,来生成css模板。
二、javascript工具
5. bookmarkleter
该工具可以将你的javascript代码转换成一个小书签,帮助你进行代码压缩和url编码。
6. jslint
这是一个javascript调试工具。可以查找代码中的潜在问题,并返回一条消息,告诉你问题以及位置。
7. showif
这是一个简单的if.。.else工具,允许用户设置基于客户端环境(浏览器、操作系统、分辨率等)的条件,如果条件匹配则执行指定的动作。
三、图像优化工具
8. jpeg mini
在保持jpeg图片原有品质和格式的情况下,使图片大小减少为原来的1/5。
9. punypng
该工具可以大大降低图像文件的大小,且没有任何质量损失。
10. spritepad
一个快速、用户友好的在线css sprite生成器,支持图像拖拽,并可以生成你需要的css代码。
11. spriteme
该工具以一种不同的方式来创建css sprite。这是一个书签,可以检测你网站中的图像,并相应地进行css sprite。
四、其他工具
12. browsers
实用的浏览器沙箱。你可以运行任何浏览器,而无需将它们安装到你的电脑中。目前只支持windows平台。
13. spurapp
该工具使用不同的方法来测试页面的可用性和布局,利用的技术包括灰度、交叉点、间隔、对比、模糊、镜像等,为你展示你可能会忽略的设计缺陷。
14. pingdom
用于测试网站的加载时间,并分析,帮助你找出瓶颈。
15. loads.in
另一款计算网站加载时间的工具。
16. html5 test
测试浏览器对html5标准和规范的支持情况。
浅谈TCP、UDP与ICMP三种常见协议
铭瑄RTX2060终结者高清拆解图赏
罗德与施瓦茨全新雷达罩测试仪能够适应用户的个性需求
你觉得有锁机的怎么样呢?你会选择购买有锁机吗?
小米6Plus、小米Note3最新消息:嫌5.15寸小米6太小?小米6Plus、小米Note3曝光大屏党要失望了?
16 款优秀的Web开发辅助工具推荐
国产存储主控芯片的突围之道
全日空宣布将采用VR训练系统来进行飞行员的培训
家电电源与智能控制技术研讨会开幕在即
启动继电器的作用_电磁继电器工作原理
隔离驱动IGBT和Power MOSFET等功率器件所需的技巧
U鱼智慧渔业系统,让水产养殖更简单高效
上海又一超级独角兽,还是汽车芯片赛道!
PC品牌东海复活:消失20多年再出现全面转向国产x86
歼-7MF虽然落马却是歼-7的巅峰之作,打破了性能上的限制
长安汽车发布L3级自动驾驶核心技术,已完成量产开发将在2020年量产
怎样将将RevPi Core + RevPi DIO连接到Ubidots
全新一代安卓智能系统农药残留检测仪的性能描述
静电放电EMC问题和常见解决方案
TIVOO评测 除了拥有华丽的外表其内在也是非常到位的