二〇一一年份一级Web前端开发工具和框架总计

二〇一二寒暑最好Web前端开发工具和框架总计

2013/01/18 |
分类: 工具与财富 | 1
条评论
 |
标签: 前端开发工具支付框架

分享到:0

来源:瞩望天空

技术的高效进步让无数人读书起来惊惶失措,幸运的是,很多优质的 Web
开发人士和统筹人士在全力寻找各样有风味的缓解方案。 由此,我们有了不计其数地道的小工具和库,每多个都以用来缓解特定的题材或保卫安全一组特定的体系。

那篇文章收集了二零一三年份新公布的最具有代表性 Web 前端开发工具和框架,那是一个百般值得珍藏的工具列表,从效益健全的
IDE 到美丽、充满异国情调的小框架,小工具等等。它们能够援助您降低 Web
开发进度中的复杂度,节省时间和生机。

  1. Foundation
    3

响应式设计(Responsive
Design)
就像弹指间就迈入起来了,各种网页设计的论坛或然社区都会谈谈这一个话题,大家都想精通哪些完成响应式设计,有如何框架或好的缓解方案。

Foundation
3
,由 ZURB
公司开发,号称世界上初叶进的响应式前端框架。利用灵活的网格系统能够快捷设计出页面布局。更妙的是,网格能够是你所需求的其他尺寸,它很简单适应各类尺寸的显示器。

ECMAScript 1

  1. Proto.io

Proto.io 是2个新的界面原型设计工具,专门针对移动应用程序。基于
Web 的在线环境,可以让您制作流行的 红米,华为平板,Android
手提式有线电话机或三星平板,以及任何带有显示屏界面包车型大巴配备的原型项目。

在统一筹划了一部分界面后,你熟视无睹会希望能够把页面交互性的链接起来,Proto.io
做到了那一点。它也支撑具备你也许想到的触摸手势,以及幻灯片、翻转和淡入淡出动画,使用简易,而且能够防费应用。

ECMAScript 2

  1. Fontello

缘何如此难找到一组涵盖全体的根底作用的外观1样的图标?

无须再质疑了,Fontello 不仅全部有着你供给的图标,而且你能够挑选并精选你所供给的字形,并编写翻译成本身索要的一套。
当然,您也能够从 GitHub 下载整个的图标集。该项目是开源的,糕富帅们捐几刀吧,不胜谢谢。

ECMAScript 3

  1. Bugherd

与相近的视角相反,推出三个新的网址对于开发团队来说工作还远远未有终止。

BugHerd 提供了一个净化,协会杰出的办法来拍卖举报,Bug
修复和效用要求。不需求眼花缭乱的电子邮件举报格局,只须要在网址中富含三个简短的
JavaScript 文件,该网址的访问者就足以由此举报按钮提交意见和提出。BugHerd
提供了二个和谐,直观的界面来管理整个业务。

ECMAScript 4

  1. Sencha Touch
    2

必然,移动触屏设备的风靡给 Web 开发带来了远大的震慑。

Sencha
Touch
 是一个依据 HTML五的位移使用开发框架,致力于诱惑 HTML5 开发者使用 Sencha Touch 构建在
Motorola、Android 和 Nokia 等装置上运营的运动 Web
应用,这个使用功能看起来就好像本地利用。创新的
API,完善的文档和科目资料以及保障的本地集成让 Sencha Touch 二成为强大的移动框架竞争者。

ECMAScript 5

  1. Dreamweaver
    CS6

Dreamweaver 是经典的网页制作软件,最新布告的 Dreamweaver
CS陆 新增了 HTML伍 和 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,Cloud玖 就足以成为一款特别实用的代码美化学工业具。

ECMAScript 7

  1. Adobe Edge
    Inspect

Edge
Inspect
 是壹款对活动开发者非凡有效的工具,其前身是 Adobe
Shadow
,用于扶持设计师和开发者同时在八个活动设备上预览应用设计,发现和平化解决跨平台难点。

只要求把你的装备(Android 和
iOS)和您的处理器连接起来,那时候你的网站就会在逐1设备上共同展现,让检查和调节和测试变得更实用,并可以让设计师同时来看各种版本在富有目的设备上的体现意况。

ECMAScript 8

  1. Adobe
    Brackets

你只怕会认为现在代码编辑器已经是琳琅满目了,而且那些编辑器都很一般,未有啥样可立异的了。Brackets 让大家领悟,其实在编辑器领域还是有为数不少功用能够去追究的。Brackets
是 Adobe 的开源 HTML、CSS 和 JavaScript 集成开发条件。Brackets 提供
Windows 和 OS X 平台支持。

Brackets 的骨干指标是削减在支付进度中那七个成效低下的重复性工作,例如浏览器刷新,修改成分的体制,搜索成效等等,BracketsECMAScript, 值得你尝试。

ECMAScript 9

  1. Modernizr
    2.6

Modernizr 是2个开源的
JavaScript 库,用于检验用户浏览器的 HTML伍 和 CSS3性格。它使得那个基于用户浏览器的不及(指对新专业援救性的出入)而付出差别级别体验的设计师的做事变得愈加简易,让
Web 开发人士能够在当代浏览器中足够利用
HTML⑤ 和 CSS3的这多少个先进的性状开始展览支付,同时又不会就义其余不支持这么些新技巧的浏览器的控制。

ECMAScript 10

  1. Sublime Text
    2

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

Sublime
Text
 具有特出的用户界面和强有力的机能,例如代码缩略图,多重选用,神速命令等。还可自定义键绑定,菜单和工具栏。Sublime
Text 的关键功效包含:拼写检查,书签,完整的 Python API ,Goto
功效,即时项目切换,多采用,多窗口等等。

Sublime Text 是一款跨平台的编辑器,同时帮忙 Windows、Linux、Mac OS X
等操作系统。Sublime Text 二 是收取费用软件,但如今能够Infiniti期试用。

ECMAScript 11

推荐介绍阅读:《Sublime
Text:初专家不明了的那一个事》

  1. PhoneGap
    2.0

PhoneGap 是1个免费开源的支付框架,让 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开发不可缺少的5件装备

  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 的首要特征:✓
 打雷般搭建出框架(使用能够自定义的模版(例如:HTML5Boilerplate、Twitter Bootstrap 等)、AMD(通过
RequireJS)以及其余工具轻松地开立异类型的框架。);✓  自动编译CoffeeScrip & Compass——在代码改动的时候,Yeoman 的 LiveReload
监视进度会自动编写翻译源文件并刷新浏览器,而不须求你手动执行;

✓  自动校验脚本——脚本会自动运维 jshint
校验,以管教他们根据语言的一流实践;

✓  内建预览服务器——不需求运转自身的 HTTP
服务器,内置的劳动器用一条命令就能够运转;

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

✓  生成 AppCache 清单——Yeoman
会为您转移应用程序缓存的清单,你只需求创设项目就好;

✓  剑客级的塑造进程——Yeoman
为您自动化实现了绝大部分的行事,帮忙你节省大批量日子和活力;


 集成包管理——你能够透过命令行轻松地搜寻新的包,安装并保持更新,而不需求你打开浏览器;

✓  支持 ES陆 模块语法——能够行使最新的 ECMAScript 6模块语法来编排模块,不过依旧壹种实验性的特征,它会被转移成ES5;

✓  PhantomJS 单元测试——使用 PhantomJS
轻松运营单元测试。创制新的应用程序的时候,它还会为您活动创造测试框架;

ECMAScript 14

  1. TypeCast

TypeCast 让你可以从 Fonts.comTypeKitFontDeck 和 Google 这一个字体供应和商采取字体,而且能12分有利的相比这个字体选拔效果。假诺您想赢得用户对那些字体效果的申报,只供给公布三个UPAJEROL 就足以了。那样,无需实际购销的字体,直到你早已决定在最后的解决方案。

由于网页字体的高大飞跃,排版正在变成网页设计师工作中一项特别主要的内容。可是,实际的意况是数以千计的书体让设计师供给花大量的日子和活力去选拔,而 TypeCast 正是为了消除这些题材的。

ECMAScript 15

  1. Gridset

Gridset 让你能够丰硕轻松的添加列,定义比例和安装间隔,而不要思索背后的数学总结。

网格系统正逐步变为网页设计的枢纽,和印刷排版有点类似,不过要复杂很多。网页的网格系统供给进一步灵活,尤其响应性。不过网格系统的安顿和设计是件困难的事体,Gridset 能够让你轻松的利用网格系统。

ECMAScript 16

  1. Microsoft
    WebMatrix 2

WebMatrix 是三个簇新的
Web 开发平台,分化于现有的付出平台,WebMatrix
的特点是1站式和简化的开发进度,提供一种简易、一体化的建站方案。

它提供了网址所需的具有工具:Web Server、数据库、Web
框架和付出条件。其主要组件包涵了轻量级 Web serve IIS Developer
Express;轻量级基于文件的数据库 SQL Server Compact
艾德ition;轻量级开发环境ASP.NET “Razor”。

ECMAScript 17

  1. Trello

Trello 是由著名的软件工程师 乔尔Spolsky 开发的1个团体同盟平台,在当年的 TechCrunch Disrupt
大会上规范发布。运营和管制一家集团,最艰巨的事务莫过于追踪大家的做事场景,因而她开发了
Trello 来缓解那个难点。任何行业中的任哪个人都得以利用 Trello
共青团和少先队做事系统。

别的的花色管理种类都以以开发者为着力的,过于复杂,对普通用户缺少吸引力,Trello
则为各样流程设计,既能够看成公司的通力合作工具,也足以看作个人的列表管理工科具。

ECMAScript 18

  1. Firefox 18

Firefox 拥有不少强劲的开发工具插件,成为
Web 开发职员必备可少的调节工具,从Firefox 1八 开头,Mozilla
将规范开启开发长达1年之久的的新一代 JavaScript
引擎——IonMonkey,不仅能大幅度进步 Firefox 的 JavaScript
质量,还是可以够抓牢浏览器的安全性及别的属性。

新式版本扩大对于 OSX 10.七+ 超高分屏和和 WebRAV4TC 的帮衬;使用了新的 HTML
拉伸算法,进步了图片品质;完毕了 CSS三 Flexbox;完成 W3C
标准的触动实现,替代了 MozTouch 完成;达成新的 DOM 属性
window.devicePixelRatio;通过智能化处理签名扩张的表达来增强运营速度。

ECMAScript 19

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