`
- 浏览:
10019 次
- 性别:
-
优秀的工具,可以使你的开发工作事半功倍,帮助你创建出高品质的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标准和规范的支持情况。
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
伴随Web开发技术的不断发展,前后端分离开发逐渐成为主流的开发模式,前端开发在整个开发流程中越来越重要,前端开发工作早已不是编写几个简单的静态页面就可以完成的,前端除了需要展示美观的页面,还需要实现...
Paw 3.1.5 版本,支持最新的 macOS 10.13 High Sierra 系统,Paw是一款Mac上非常好用的HTTP/REST...支持OAuth, HTTP Basic Auth, Cookies,JSONP等,这对于开发Web服务的应用很有帮助,非常实用的一款Web开发辅助工具。
一个优秀的WEB开发人员需要顾及更多层面,才能交出一份同样优秀的作业。为帮助广大正处于Web2.0洪流中的开发人员,在这里为大家介绍一款轻巧灵活的辅助开发工具。 Firebug是Firefox下的一款开发类插件,现属于Fire...
自带了两个优秀的Javascript工具库的最新版本: jQuery (默认链接到 Google的CDN, 如果CDN失效,本地文件作为后备) 和Modernizr 浏览器特性监测工具库。 高性能 我们提供了一组 Apache 配置参数,帮你提高网站的...
一个优秀的可视化工具会在概要设计,网站总体设计,交互设计,业务逻辑MxDev辅助设计工具致力于帮助设计开发人员更好,转换的进行设计开发,为有效降低软件企业设计开发成本,提高软件质量稳定性,减少软件。...
因为Tomcat技术先进、性能稳定且免费,所以深受Java爱好者的喜爱并得到了部分软件开发商的认可,成为目前比较流行的Web应用服务器。下面是关于j2ee应用服务器和web服务器,希望大家认真阅读! 一、Tomcat与应用服务器...
该项目不仅是一个学习Java Web开发技术的优秀范例,也是一个可以直接用于实际场景的实用工具。 该系统实现了图书管理的基本功能,包括图书信息的录入、查询、修改和删除等。同时,为了方便用户的使用,系统还提供了...
在第4版中,作者运用大量最新的插图和例子为这些原则提供了当前实践中的情境,验证了那些与技术和供应商无关的工具,以及那些经受住时间考验的技术。 第1部分 信息架构简介 1 第1章 信息架构要解决的问题 3 你好...
一个优秀的WEB开发人员需要顾及更多层面,才能交出一份同样优秀的作业。为帮助广大正处于Web2.0洪流中的开发人员,在这里为大家介绍一款轻巧灵活的辅助开发工具。 Firebug是Firefox下的一款开发类插件,现属于Fire...
Sublime Text 是一款非常优秀的跨平台编辑器,...本文介绍的 Sublime Web Inspector 便是众多插件中一款非常出色的开发辅助插件,可以帮助 Web 开发人员直接在 Sublime Text 中调试 JavaScript 代码。 Sublime Web
在第4版中,作者运用大量最新的插图和例子为这些原则提供了当前实践中的情境,验证了那些与技术和供应商无关的工具,以及那些经受住时间考验的技术。 作者简介 · · · · · · 路易斯·罗森菲尔德 Louis ...
具体在系统设计上,采用了B/S的结构,同时,也使用java技术在动态页面上进行了设计,后台上采用Mysql数据库,是一个非常优秀的课程网上辅助教学系统。 关键词 :课程网上辅助教学系统;java技术;Mysql数据库;B
开发辅助工具 Android 推送(含IM) Android后端等服务 Android 应用内测平台 Android社会化分享,短信验证,意见反馈,支付等相关 安卓网络层(包含图片) 安卓orm框架,用得比较多的就GreenDao,Ormlite 安卓Json...
系统是采用当前优秀的网站制作工具Macromedia Dreamweaver MX开发,结合平面图像制作工具Adobe Photoshop来设计界面和相关图片,使用Microsoft的IIS Web服务器架构实现基于B/S模式的Active Server Pages系统。...
由Empirix公司开发的E-TEST Suite测试软件是当前优秀的易于使用、并能够和被测试应用无缝结合的Web应用测试工具。该产品由三部分组成:e-TESTER、e-LOAD和e-MONITOR,这三种工具分别适用于应用功能测试、压力测试...
开发辅助工具 Android 推送(含IM) Android后端等服务 Android 应用内测平台 Android社会化分享,短信验证,意见反馈,支付等相关 安卓网络层(包含图片) 安卓orm框架,用得比较多的就GreenDao,Ormlite 安卓Json...
开发辅助工具 Android 推送(含IM) Android后端等服务 Android 应用内测平台 Android社会化分享,短信验证,意见反馈,支付等相关 安卓网络层(包含图片) 安卓orm框架,用得比较多的就GreenDao,Ormlite 安卓Json...
开发辅助工具 Android 推送(含IM) Android后端等服务 Android 应用内测平台 Android社会化分享,短信验证,意见反馈,支付等相关 安卓开发值得关注的库 安卓资源相关 git Android NoSql 设计网站,可以寻找一些...
开发辅助工具 Android 推送(含IM) Android后端等服务 Android 应用内测平台 Android社会化分享,短信验证,意见反馈,支付等相关 安卓开发值得关注的库 安卓资源相关 git Android NoSql 设计网站,可以寻找一些...
《CSS网站布局实录:基于Web标准的网站设计指南(第2版)》编辑推荐与评论: ★国内第1本基于Web标准的CSS布局著作技术增值升级版! ★讲述基于Web标准的应用CSS进行网站布局设计与重构的典范之作! 1、知识全面、完美...