ECMAScript2012春超级Web前端开发工具和框架总结

2012秋最佳Web前端开发工具及框架总结

2013/01/18 |
分类: 工具及资源 | 1
条评论 |
标签: 前端, 开发工具, 开发框架

分享到:0

来源:可望天空

技巧之迅猛前进让很多人念起来无所适从,幸运的是,很多理想之 Web
开发人员和设计人员于卖力追寻各种有风味之缓解方案。 因此,我们来了多了不起之稍器与库房,每一个且是用来缓解特定的题材或者保护一组特定的种类。

马上篇稿子收集了2012岁新发布的卓绝具有代表性 Web 前端开发工具和框架,这是一个雅值得珍藏之家伙列表,从成效全面的
IDE 到美丽、充满异国情调的粗框架,小器等等。它们会帮忙而退 Web
开发进程被之复杂度,节省时间和生机。

  1. Foundation
    3

响应式设计(Responsive
Design)似乎一下子就是迈入起来了,各个网页设计的论坛或者社区还见面讨论这个话题,大家都惦记掌握哪些促成响应式设计,有啊框架或好之缓解方案。

Foundation
3,由 ZURB
公司出,号称世界上顶先进的响应式前端框架。利用灵活的网格系统可长足设计出页面布局。更美好的凡,网格可以是公所要之别尺寸,它很容易适应各种尺寸的屏幕。

ECMAScript 1

  1. Proto.io

Proto.io 是一个初的界面原型设计工具,专门对移动应用程序。基于
Web 的在线环境,可以给你制作流行的 iPhone,iPad,Android
手机或平板电脑,以及另外含屏幕界面的装备的原型项目。

在筹划了一部分界面后,你日常会盼会把页面交互性的链接起来,Proto.io
做到了当时或多或少。它也支撑具备你也许想到的触摸手势,以及幻灯片、翻转和淡入淡出动画,使用简易,而且好免费用。

ECMAScript 2

  1. Fontello

何以这样麻烦找到平组涵盖所有的基础功用的外观一样的图标?

决不还困惑了,Fontello 不仅具备富有你待之图标,而且你得挑选并摘而所急需之字形,并编译成团结需要的同仿照。
当然,您为足以从 GitHub 下充斥通的图标集。该档是开源的,糕富帅们捐几刀片吧,不胜感激。

ECMAScript 3

  1. Bugherd

和广的观相反,推出一个新的网站于开发组织来说工作还远没收。

BugHerd 提供了一个清爽,组织好的艺术来处理报告,Bug
修复与效益要求。不需要眼花缭乱的电子邮件举报方式,只需要在网站受到包含一个大概的
JavaScript 文件,该网站的访问者就得经申报按钮提交意见及建议。BugHerd
提供了一个祥和,直观的界面来治本全事情。

ECMAScript 4

  1. Sencha Touch
    2

定,移动触屏设备的风行吃 Web 开发带动了了不起的震慑。

Sencha
Touch 是一个因 HTML5
的位移应用开发框架,致力为诱惑 HTML5 开发者使用 Sencha Touch 构建以
iPhone、Android 和 BlackBerry 等设备及运行的倒 Web
应用,这些下效益看起如本地使用。改进的
API,完善之文档和课程资料及保险的地方集成为 Sencha Touch 2
成为强大的走框架竞争者。

ECMAScript 5

  1. Dreamweaver
    CS6

Dreamweaver 是藏的网页打软件,最新发表之 Dreamweaver
CS6 新增了 HTML5 和 CSS3 编码支持;jQuery 移动及 Adobe PhoneGap
框架的恢弘支持不过帮助您吗各种屏幕、手机与机械电脑建立项目;集成了 Adobe
Business Catalyst、FTPS、FTPeS 支持、Adobe Creative Suite、Adobe
BrowserLab等居多功能。

ECMAScript 6

  1. Cloud9 IDE

Cloud
9 是冲 NodeJS
构建的在线集成开发条件,语法高亮支持 C#, C++, Python, Perl, Ruby, Scala
等等众多常用开发语言。

放置的 Vim 模式大好用,支持流行的版本控制系统,像 Git, Mercurial 和
SVN,另外她还有特别强的插件系统,可以展开其功效,例如借助 CSSLint 和
JSBeautify,Cloud9 就足以变成一悠悠很实用的代码美化工具。

ECMAScript 7

  1. Adobe Edge
    Inspect

Edge
Inspect 是千篇一律慢慢悠悠对运动开发者非常管用的工具,其前身是 Adobe
Shadow,用于支援设计师和开发者同时以差不多个走装备上预览应用设计,发现及化解过平台问题。

独自需要将你的设施(Android 和
iOS)和公的计算机连接起来,这时候你的网站即会见以逐一设施及一同显示,让检查和调剂变得还实惠,并得以于设计师同时来看每个版本在备目标设备及之显示情况。

ECMAScript 8

  1. Adobe
    Brackets

若或会见看现在代码编辑器已经是灿了,而且这些编辑器都坏相像,没有啊而创新之了。Brackets 让咱知道,其实以编辑器领域要产生很多效能可错过探讨之。Brackets
是 Adobe 的开源 HTML、CSS 和 JavaScript 集成开发条件。Brackets 提供
Windows 和 OS X 平台支持。

Brackets 的着力目标是减少在支付过程遭到那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索效果等等,Brackets 值得你尝试。

ECMAScript 9

  1. Modernizr
    2.6

Modernizr 是一个开源的
JavaScript 库,用于检测用户浏览器的 HTML5 和 CSS3
特性。它叫那些因用户浏览器的不等(指对新专业支持性的区别)而付出不同级别体验的设计师的办事换得越来越简单,让
Web 开发人员可以在当代浏览器蒙充分利用
HTML5 和 CSS3
的那些先进的风味开展支付,同时又休会见牺牲其他未支持这些新技巧的浏览器的决定。

ECMAScript 10

  1. Sublime Text
    2

而你想体验流畅编写代码的快感,赶紧试 Sublime Text 2 吧!

Sublime
Text 具有得天独厚的用户界面和强大的成效,例如代码缩略图,多重选择,快捷命令等。还而由自然义键绑定,菜单与工具栏。Sublime
Text 的重中之重力量包括:拼写检查,书签,完整的 Python API ,Goto
功能,即时项目切换,多选择,多窗口等等。

Sublime Text 是平等悠悠超过平台的编辑器,同时支持 Windows、Linux、Mac OS X
等操作系统。Sublime Text 2 凡收费软件,但时足无限期试用。

ECMAScript 11

推介阅读:《Sublime
Text:初家不理解之那些从》

  1. PhoneGap
    2.0

PhoneGap 是一个免费开源的付出框架,让 Web
开发人员能够用深谙的 HTML,CSS 和 JavaScript 构建跨平台的动本地使用。

透过 PhoneGap 框架提供的 JavaScript API
能够以非常简单的计调用移动设备的中坚功能,包括地理位置,摄像头,加速器,通讯录,多媒体,文件及网等功效。

据 PhoneGap,你了好采取深谙的 Web 开发技术写来活动 Native
App,并宣布到 Apple Store,Google Play
等各级平台利用企业中。编写好的代码可以上传到云端服务器,使用云端编译功能编译成各种平台下之运,支持
iOS,Android,Palm WebOS,Symbian,Blackberry,Windows Phone 和 Bada
七分外平台。

ECMAScript 12

引进阅读:《PhoneGap开发不可或缺的五宗装备》

  1. Emmet

Emmet 项目的前身是前端开发人员熟悉的
Zen Coding,一种提供便捷编写 HTML/CSS
代码的办法。和一般的编辑器中采用的“代码有”概念不同,Emmet
使用动态的好像 CSS
表达式的语法来变化代码,这表示你无待自己去编辑并创办固定的代码有,大大的提高了代码编写效率。

Emmet 结合可以之编辑器使用,可以吃你代码飞起来!支持之编辑器包括:

✓  Sublime Text 2

✓  Eclipse/Aptana

✓  TextMate 1.x

✓  Coda 1.6 and 2.x

✓  Espresso

✓  Chocolat

✓  Komodo Edit/IDE

✓  Notepad++

✓  PSPad

✓  <textarea>

✓  CodeMirror2/3

✓  Brackets

ECMAScript 13

14.
YeomanYeoman 提供了同一法强大的家伙、库与工作流,可以扶持开发人员快速构建有良好的、引人注目之Web应用。Yeoman 的要紧特征:✓
 闪电一般搭建筑来框架(使用能够起定义之模版(例如:HTML5
Boilerplate、Twitter Bootstrap 等)、AMD(通过
RequireJS)以及其他工具轻松地创造新路的框架。);✓  自动编译
CoffeeScrip & Compass——在代码改动的下,Yeoman 的 LiveReload
监视进程会自行编译源文件并刷新浏览器,而不欲你手动执行;

✓  自动校验脚本——脚本会自动运行 jshint
校验,以保他们按语言的最佳实践;

✓  内建造预览服务器——不需要启动自己之 HTTP
服务器,内置的劳务器用一长命令就可以启动;

✓  高效的图像优化——Yeoman 使用 OptPNG 和 JPEGTran
对持有图像做了优化,提供页面加载速度;

✓  生成 AppCache 清单——Yeoman
会为你变应用程序缓存的清单,你只是待构建项目就吓;

✓  杀手级的构建过程——Yeoman
为卿自动化完成了大部分之干活,帮助而省大量光阴以及精力;


 集成包管理——你可经过命令行轻松地找新的保管,安装并维持更新,而未待而打开浏览器;

✓  支持 ES6 模块语法——可以利用最新的 ECMAScript 6
模块语法来编排模块,不过还是一样种实验性的特性,它见面给更换成ES5;

✓  PhantomJS 单元测试——使用 PhantomJS
轻松运行单元测试。创建新的应用程序的时段,它还会见为卿活动创建测试框架;

ECMAScript 14

  1. TypeCast

TypeCast 让你可以从 Fonts.com、TypeKit、FontDeck 和 Google 这些字供应和商选择字体,而且能可怜有利之较这些字采用力量。如果你想博得用户指向这些字效果的上报,只需要发布一个
URL 就足以了。这样,无需实际采购之字,直到你已经决定在终极的化解方案。

由网页字体的赫赫飞跃,排版正在成为网页设计师工作遭到一致项越来越重要的情。但是,实际的状况是数以千计的书体为设计师需要花大量之日子以及精力去摘,而 TypeCast 正是为解决这个题目之。

ECMAScript 15

  1. Gridset

Gridset 让您得生轻松的添加列,定义比例与设置间隔,而毫不考虑背后的数学计算。

网格系统正逐渐变为网页设计之纽带,和印刷排版有点类似,但是只要复杂很多。网页的网格系统要更为灵活,更加响应性。但是网格系统的计划暨规划是件困难的事体,Gridset 可以被您轻轻松松的用网格系统。

ECMAScript 16

  1. Microsoft
    WebMatrix 2

WebMatrix 是一个新的
Web 开发平台,区别为现有的付出平台,WebMatrix
的特点是同样站式和简化的开销进程,提供平等种植简易、一体化的建站方案。

它提供了网站所要的具备工具:Web Server、数据库、Web
框架和支出条件。其根本组件包括了轻量级 Web serve IIS Developer
Express;轻量级基于文件的数据库 SQL Server Compact
Edition;轻量级开发环境ASP.NET “Razor”。

ECMAScript 17

  1. Trello

Trello 是由于著名的软件工程师 Joel
Spolsky 开发的一个伙协作平台,在今年的 TechCrunch Disrupt
大会上规范通告。运行及治本均等下商店,最窘迫的业务莫过于追踪大家的工作状况,因此他付出了
Trello 来缓解此难题。任何行业面临的任何人都可采取 Trello
团队办事体系。

别的品种管理体系还是为开发者也主导的,过于复杂,对普通用户缺乏吸引力,Trello
则为各种流程设计,既好当作公司的通力合作工具,也可看成个人的列表管理工具。

ECMAScript 18

  1. Firefox 18

Firefox 拥有不少强劲的开发工具插件,成为
Web 开发人员必备可少的调剂工具,从Firefox 18 开始,Mozilla
将标准拉开开发长及1年之悠久的的新一代表 JavaScript
引擎——IonMonkey,不仅能大幅提高 Firefox 的 JavaScript
性能,还会提高浏览器的安全性以及其它性能。

摩登版本增加对 OSX 10.7+ 超高分屏和跟 WebRTC 的支持;使用了初的 HTML
拉伸算法,提高了图质量;实现了 CSS3 Flexbox;实现 W3C
标准的触摸实现,替代了 MozTouch 实现;实现新的 DOM 属性
window.devicePixelRatio;通过智能化处理签名扩展的印证来加强启动速度。

ECMAScript 19

原文:http://blog.jobbole.com/32405/\#jtss-tsina