Bootstrap2012年份超级Web前端开发工具与框架总结

2012载最佳Web前端开发工具和框架总结

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

分享到:0

来源:瞩望天空

艺之快速腾飞给无数总人口上起来无所适从,幸运的是,很多美妙之 Web
开发人员和筹划人员以用力找各种有特点之解决方案。 因此,我们出了重重地道之略器及库房,每一个还是用来化解特定的题目或护一组特定的品类。

顿时篇稿子收集了2012年新公布的最具有代表性 Web 前端开发工具与框架,这是一个不行值得珍藏之家伙列表,从效益完善的
IDE 到美丽、充满异国情调的小框架,小器等等。它们能够帮你退 Web
开发进程中之复杂度,节省时间和生命力。

  1. Foundation
    3

响应式设计(Responsive
Design)若瞬间即迈入起了,各个网页设计的论坛或者社区都见面谈论这话题,大家还惦记了解哪些兑现响应式设计,有啊框架或好的化解方案。

Foundation
3,由 ZURB
公司支付,号称世界上无与伦比先进的响应式前端框架。利用灵活的网格系统可长足设计有页面布局。更可以的凡,网格可以是公所急需之其他尺寸,它充分容易适应各种尺寸的屏幕。

Bootstrap 1

  1. Proto.io

Proto.io 是一个新的界面原型设计工具,专门对移动应用程序。基于
Web 的在线环境,可以叫您造流行的 iPhone,iPad,Android
手机或平板计算机,以及另含屏幕界面的设施的原型项目。

当规划了部分界面后,你平凡会期待会管页面交互性的链接起来,Proto.io
做到了就或多或少。它吗支撑具备你或许想到的触摸手势,以及幻灯片、翻转和淡入淡出动画,使用简单,而且好免费应用。

Bootstrap 2

  1. Fontello

怎么如此麻烦找到同一组涵盖所有的根底作用的外观一样的图标?

并非再行困惑了,Fontello 不仅抱有富有你需要的图标,而且你可选择并选而所用之字形,并编译成自己欲的同样拟。
当然,您也可从 GitHub 下充斥通的图标集。该品种是开源的,糕富帅们捐几刀吧,不胜感激。

Bootstrap 3

  1. Bugherd

与广的见解相反,推出一个新的网站于开发团队来说工作还远没收。

BugHerd 提供了一个清洁,组织好的不二法门来处理举报,Bug
修复及效能要求。不需要眼花缭乱的电子邮件举报方式,只待在网站中蕴含一个略的
JavaScript 文件,该网站的访问者就好透过举报按钮提交意见以及建议。BugHerd
提供了一个谈得来,直观的界面来保管全工作。

Bootstrap 4

  1. Sencha Touch
    2

定,移动触屏设备的盛于 Web 开发带动了宏伟的影响。

Sencha
Touch 是一个因 HTML5
的活动采用开发框架,致力为诱惑 HTML5 开发者使用 Sencha Touch 构建以
iPhone、Android 和 BlackBerry 等装置及运行的走 Web
应用,这些用功能看起似乎本地利用。改进之
API,完善的文档和科目资料和保险的地头集成为 Sencha Touch 2
成为强大的活动框架竞争者。

Bootstrap 5

  1. Dreamweaver
    CS6

Dreamweaver 是经的网页打软件,最新公布之 Dreamweaver
CS6 新增了 HTML5 和 CSS3 编码支持;jQuery 移动和 Adobe PhoneGap
框架的恢弘支持可助您为各种屏幕、手机及平板计算机建立项目;集成了 Adobe
Business Catalyst、FTPS、FTPeS 支持、Adobe Creative Suite、Adobe
BrowserLab等重重意义。

Bootstrap 6

  1. Cloud9 IDE

Cloud
9 是基于 NodeJS
构建的在线合并开发环境,语法高亮支持 C#, C++, Python, Perl, Ruby, Scala
等等众多常用开发语言。

放开的 Vim 模式大好用,支持流行的版本控制系统,像 Git, Mercurial 和
SVN,另外它们还有大强的插件系统,可以拓展其效果,例如借助 CSSLint 和
JSBeautify,Cloud9 就可改为一磨蹭大实用的代码美化工具。

Bootstrap 7

  1. Adobe Edge
    Inspect

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

光需要将你的装置(Android 和
iOS)和而的微机连接起来,这时候你的网站便会见以依次设施上协办显示,让检查和调剂变得重管用,并得以为设计师同时来看每个版本在颇具目标设备及的显示情况。

Bootstrap 8

  1. Adobe
    Brackets

而也许会见以为现在代码编辑器已经是灿了,而且这些编辑器都老相像,没有呀但创新之了。Brackets 让咱们清楚,其实以编辑器领域或发生成千上万功能可去追究的。Brackets
是 Adobe 的开源 HTML、CSS 和 JavaScript 集成开发条件。Brackets 提供
Windows 和 OS X 平台支持。

Brackets 的骨干目标是抽在出进程被那些效率低下的重复性工作,例如浏览器刷新,修改元素的体,搜索功能等等,Brackets 值得您试。

Bootstrap 9

  1. Modernizr
    2.6

Modernizr 是一个开源的
JavaScript 库,用于检测用户浏览器的 HTML5 和 CSS3
特性。它使得那些因用户浏览器的不比(指对新规范支持性的差异)而开发不同级别体验的设计师的劳作易得更简易,让
Web 开发人员可以于当代浏览器受到充分利用
HTML5 和 CSS3
的那些先进的特色开展付出,同时又无见面牺牲其他非支持这些新技巧之浏览器的操纵。

Bootstrap 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 是收费软件,但眼下可以无限期试用。

Bootstrap 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
七老平台。

Bootstrap 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

Bootstrap 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
轻松运行单元测试。创建新的应用程序的时,它还会见也公活动创建测试框架;

Bootstrap 14

  1. TypeCast

TypeCast 让你可以从 Fonts.com、TypeKit、FontDeck 和 Google 这些字供应与商选择字体,而且能非常有利于之于这些字采用效益。如果你想取得用户指向这些字效果的上报,只需要发布一个
URL 就得了。这样,无需实际购买的书体,直到你都控制以终极之缓解方案。

由网页字体的英雄飞跃,排版正在变成网页设计师工作中同样桩越来越重要之始末。但是,实际的情状是数以千计的字体为设计师需要花大量底流年及精力去选,而 TypeCast 正是为了解决之题目的。

Bootstrap 15

  1. Gridset

Gridset 让您可很轻松的添加列,定义比例及安间隔,而毫无考虑背后的数学计算。

网格系统正日益成网页设计之刀口,和印刷排版有点类似,但是要复杂很多。网页的网格系统要进一步灵活,更加响应性。但是网格系统的计划以及统筹是件困难的工作,Gridset 可以叫您轻轻松松的利用网格系统。

Bootstrap 16

  1. Microsoft
    WebMatrix 2

WebMatrix 是一个新的
Web 开发平台,区别为现有的支出平台,WebMatrix
的性状是一致站式和简化的开发进程,提供相同种植简单、一体化的建站方案。

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

Bootstrap 17

  1. Trello

Trello 是出于知名的软件工程师 Joel
Spolsky 开发的一个伙协作平台,在当年底 TechCrunch Disrupt
大会上标准发表。运行和治本均等贱商店,最艰难的事务实在追踪大家的干活场景,因此他开发了
Trello 来解决这个难题。任何行业遭到之任何人都得以用 Trello
团队办事系统。

旁的品类管理网都是坐开发者也核心的,过于复杂,对普通用户缺乏吸引力,Trello
则也各种流程设计,既可作为公司的搭档工具,也得看成个人的列表管理工具。

Bootstrap 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;通过智能化处理签名扩展的求证来增长启动速度。

Bootstrap 19

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

相关文章