最美H5 酷站欣赏 UI素材 专题 设计导航

2011 年最受欢迎的 9 款 Web 开发工具

虽然基于浏览器的操作系统还未风靡全球,但对Web开发者来说,2011年无疑是一个Web开发的最佳时期。
下面我们来看看由readwriteweb.com评选出来的2011年最受Web开发人员欢迎的工具。

1.??jQueryjQuery Mobile

说到Web开发工具不能不提jQuery。jQuery是一款免费且开放源代码的JavaScript代码库,据微软关于jQuery的调查显示,jQuery在受访网站中的使用率已从2010年12月的27%上升到2011年12月的42%。
jQuery Mobile 1.0的发布推动了移动开发的发展。jQuery mobile意味着可以应用在“所有主流手机、平板电脑、电子阅读器,甚至台式电脑”上。虽然其实现起来有些困难,但从目前来看,jQuery mobile还是广受好评的。
当然也有人对其存在质疑,认为jQuery 需要“减肥”,不过对于所有趋于成熟的项目来说,有质疑声并不例外,毕竟大多数成功都伴随着反对的声音。

2.??CSS3 PIE

Web开发者都比较喜欢PIE(Progressive Internet Explorer),特别是要克服IE老版本缺点的Web开发人员。因为开发者不可能掌控市场说服用户将浏览器升级到最新版本,但他们可以增强浏览器
CSS3 PIE为IE带来了一些新的特性,想知道是如何实现的吗?你可在GitHub上查看演示文件。该工具基于GPL V2 和 Apache Licence 2.0。
PIE 1.0的第5个测试版已于今年9月发布,它支持IE9并修复了IE6到IE8的一些小问题。

3.??Bootstrap

今年8月,Twitter推出了一个名为Bootstrap的开发工具包。该工具包自发布以来,一直是GitHub上热门的开源项目。
对于开发Web网站和应用程序的人来说,Bootstrap提供了一套CSS标准解决方案,开发者可以以Bootstrap为原型,或通过Bootstrap(就像Twitter一样)来提供一个跨网站/应用程序的统一设计。
Bootstrap易于使用,只需将预编译的CSS拉到你的项目里,或使用LESS编译修改后的版本即可。

4.??LESS

LESS是一个动态的样式表语言,使CSS更易于表现和使用。标准CSS不支持变量、函数、运算符等,但LESS拓展了CSS的语法,例如,只用定义一种颜色一次,就可以通过样式表与一个单一变量一起使用(比如用“@color”代替“#4D6F92”)。LESS使你在改变网站设置时更加便捷有效。
LESS可以定义并重复使用类,甚至可以为网页中的元素使用运算符。如果你想了解更多关于LESS的信息,该网站有大量的示例和源码,可在GitHub上查看。该工具基于Apache License 2.0。

5.??Chrome开发者工具

Firefox即将死亡的预言或许被夸大其词了,但可以肯定的是Chrome正在占据越来越大的市场份额,其中最主要的一个原因是Web开发人员喜欢Chrome自带的开发者工具。
Chrome开发者工具主要基于?WebKit’s Web Inspector(开放源代码WebKit项目的一部分),可让Web开发人员随时对网页的CSS、HTML和JavaScript进行实时编辑、调试以及监控。该工具不仅能帮助诊断、修复在网页加载、脚本执行以及页面呈现中出现的问题,还可以帮助开发者最大限度地了解网页或网络应用程序对CPU以及内存的使用情况。
如果你是一个浏览器开发工具的使用者,建议你看看Andi Smith的“关于浏览器开发工具的25个秘密”Paul Irish的小贴士,还有2011年Google I/O的视频,以及Boris Smus的说明

6.??SourceKit?和?Ace:一流的基于浏览器的集成开发环境

对于Web开发者来说,我认为最好的文本编辑器是Vim。但如果是基于浏览器的IDE,开发者更倾向于Ace和Ace-based SourceKit(据对ReadWriteHack读者的调查显示)。
ACE是一个独立的编辑器,以前叫做“Bespin”和“Skywriter”。SourceKit是一款基于ACE的Chrome扩展。虽然ACE更灵活,能模拟几种常用的编辑器(包括vi),但我更喜欢Chrome SourceKit。

7.??PhoneGap

想在移动设备上开发出类似于本地应用程序的HTML5应用程序?PhoneGap似乎牢牢占据着最受欢迎的解决方案这一宝座。
开发人员只需构建一个应用程序一次,然后使用PhoneGap将其部署到多个平台。PhoneGap支持IOS、Android、Windows Phone、黑莓以及WebOS等。但是目前还不知道该平台在2012年的需求有多大。
PhoneGap为手机提供访问硬件和本地应用的接口,例如摄像头、加速度计、网络、地理位置、联系人和通知。
Adobe公司在年初收购了PhoneGap的开发商Nitobi,不过目前PhoneGap已经转到了Apache软件基金会(ASF),存在于Apache Incubator。如果你还不了解PhoneGap,这里有入门指南和视频教程

8.??Popcorn?和?Popcorn.js

Popcorn.js是Mozilla Popcorn?项目的一部分,是一个?JavaScript?库,提供基于时间、通过网络来实现的交互式媒体,不需要Flash来显示视频,还可以创建基于时间轴的Web演示,包括HTML5的音视频、使用音视频或其他网络元素的演示。
Popcorn.js承诺将集成Web服务内容,比如维基百科、Twitter、Facebook、YouTube、谷歌地图。早期的演示表明其希望能在视频中加入基于时间覆盖的内容链接。比如你可以创建一个视频演示,在某个特定的时间点将更多的信息链接过来。
现在,Popcorn.js还在早期发展阶段,要想在Web开发中流行起来还需要一定的时间,但其前景不错。

9.??Waterbear

虽然我不太看好Waterbear,但其还是值得我们来探讨一番的,因为对于新手来说,这是一个很好的入门工具。可以使用HTML5、CSS3和JavaScript内置的“draggable、snappable blocks”来创建程序。
Waterbear还处于测试阶段,但随着它的不断变化发展,有希望成为受欢迎的系统。Waterbear是一款免费软件,基于Apache License 2.0,大家可以在GitHub上查看。
当然,以上对这些工具的评论是我根据2011年的情况发表的主观看法,希望Web开发人员都能找到对自己来说最顶级、最有用的工具。

相关阅读: