2012年度最佳 Web 前端开发工具和框架——《上篇》

时间 2021-01-02

标签 css html 前端 css3 git github web 浏览器安全前端框架栏目 HTML 繁體版

原文原文链接

　　2012年，Web 开发领域继续在快速的发展，HTML5 仍然在展现其跨平台的优越性，CSS3 被人们更多的应用到实际项目中，响应式设计（Responsive Design）技巧也被人愈来愈多的人熟知和使用。css

您可能感兴趣的相关文章

　　技术的快速发展让不少人学习起来无所适从，幸运的是，不少优秀的 Web 开发人员和设计人员在努力寻找各类有特点的解决方案。所以，咱们有了不少优秀的小工具和库，每个都是用来解决特定的问题或维护一组特定的项目。html

　　这篇文章收集了2012年度新发布的最具备表明性 Web 前端开发工具和框架，这是一个很是值得收藏的工具列表，从功能全面的 IDE 到美观、充满异国情调的小框架，小工具等等。他们可以帮助你下降 Web 开发过程当中的复杂度，节省时间和精力。前端

01. Foundation 3

　　响应式设计（Responsive Design）彷佛瞬间就发展起来了，各个网页设计的论坛或者社区都会讨论这个话题，你们都想知道如何实现响应式设计，有什么框架或好的解决方案。css3

　　Foundation 3，由 ZURB 公司开发，号称世界上最早进的响应式前端框架。利用灵活的网格系统能够快速设计出页面布局。更妙的是，网格能够是你所须要的任何尺寸，它很容易适应各类尺寸的屏幕。git

02. Proto.io

　　Proto.io 是一个新的界面原型设计工具，专门针对移动应用程序。基于 Web 的在线环境，可让你制做流行的 iPhone，iPad，Android 手机或平板电脑，以及任何带有屏幕界面的设备的原型项目。github

　　在设计了一些界面后，你一般会指望可以把页面交互性的连接起来，Proto.io 作到了这一点。它也支持全部你可能想到的触摸手势，以及幻灯片、翻转和淡入淡出动画，使用简单，并且能够无偿使用。web

03. Fontello

　　为何这么难找到一组涵盖全部的基础功能的外观一致的图标？浏览器

　　不用再困惑了，Fontello 不只拥有全部你须要的图标，并且你能够挑选并选择你所须要的字形，并编译成本身须要的一套。固然，您也能够从 GitHub 下载整个的图标集。该项目是开源的，糕富帅们捐几刀吧，不胜感激。安全

04. Bugherd

　　与广泛的见解相反，推出一个新的网站对于开发团队来讲工做还远远没有结束。前端框架

　　BugHerd 提供了一个整洁，组织良好的方式来处理反馈，Bug 修复和功能要求。不须要繁杂的电子邮件反馈方式，只须要在网站中包含一个简单的 JavaScript 文件，该网站的访问者就能够经过反馈按钮提交意见和建议。BugHerd 提供了一个友好，直观的界面来管理整个事情。

05. Sencha Touch 2

　　毫无疑问，移动触屏设备的流行给 Web 开发带来了巨大的影响。

　　Sencha Touch 是一个基于 HTML5 的移动应用开发框架，致力于吸引 HTML5 开发者使用 Sencha Touch 构建在 iPhone、Android 和 BlackBerry 等设备上运行的移动 Web 应用，这些应用效果看起来如同本地应用。改进的 API，完善的文档和教程资料以及可靠的本地集成让 Sencha Touch 2 成为强有力的移动框架竞争者。

06. Dreamweaver CS6

　　Dreamweaver 是经典的网页制做软件，最新发布的 Dreamweaver CS6 新增了 HTML5 和 CSS3 编码支持；jQuery 移动和 Adobe PhoneGap 框架的扩展支持可协助您为各类屏幕、手机和平板电脑创建项目；集成了 Adobe Business Catalyst、FTPS、FTPeS 支持、Adobe Creative Suite、Adobe BrowserLab等众多功能。

07. Cloud9 IDE

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

　　内置的 Vim 模式很是好用，支持流行的版本控制系统，像 Git, Mercurial 和 SVN，另外它还有很是强大的插件系统，能够拓展其功能，例如借助 CSSLint 和 JSBeautify，Cloud9 就能够变成一款很是实用的代码美化工具。

08. Adobe Edge Inspect

　　Edge Inspect 是一款对移动开发者很是有用的工具，其前身是 Adobe Shadow，用于帮助设计师和开发者同时在多个移动设备上预览应用设计，发现和解决跨平台问题。

　　只须要把你的设备（Android 和 iOS）和你的电脑链接起来，这时候你的网站就会在各个设备上同步显示，让检查和调试变得更有效，并可让设计师同时看到每一个版本在全部目标设备上的显示状况。

09. Adobe Brackets

　　你可能会以为如今代码编辑器已是琳琅满目了，并且这些编辑器都很类似，没有什么可创新的了。Brackets 让咱们知道，其实在编辑器领域仍是有不少功能能够去探索的。Brackets 是 Adobe 的开源 HTML、CSS 和 JavaScript 集成开发环境。Brackets 提供 Windows 和 OS X 平台支持。

　　Brackets 的核心目标是减小在开发过程当中那些效率低下的重复性工做，例如浏览器刷新，修改元素的样式，搜索功能等等，Brackets 值得你试试。

10. Modernizr 2.6

　　Modernizr 是一个开源的 JavaScript 库，用于检测用户浏览器的 HTML5 和 CSS3 特性。它使得那些基于用户浏览器的不一样（指对新标准支持性的差别）而开发不一样级别体验的设计师的工做变得更为简单，让 Web 开发人员能够在现代浏览器中充分利用 HTML5 和 CSS3 的那些先进的特性进行开发，同时又不会牺牲其它不支持这些新技术的浏览器的控制。

　　未完待续，2012年度最佳 Web 前端开发工具和框架《下篇》即将推出，敬请期待 :)

您可能感兴趣的相关文章

本文连接：2012年度新发布的最佳 Web 前端开发工具和框架

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源