Google Web Starter Kit 多屏幕网页开发

jopen 6年前

为不同的移动终端开发web应用是一件极为痛苦的事情,Google的Web Starter Kit的目标就是帮助开发者为不同设备开发web应用,例如点击同步、屏幕适配等问题。无论你的用户使用老款iPad还是新款Android手机,代码都能够适应。你只需要勾画出界面,屏幕适配的问题可以交给Web Starter Kit处理,并给出设计建议。
Google Web Starter Kit 多屏幕网页开发
类似HTML5 Boilerplate的开发平台Web Starter Kit,其中包含模板和工具,能帮助开发者迅速开发并运行多屏幕应用。


点击图片看大图


谷歌表示,这些模板的性能和布局经过了优化,能帮助开发者迅速开发多设备网页体验。这一平台遵循了谷歌此前向开发者提供的建议,并将这些建议变成了实际代码,通过必要的工具实现快速的应用开发。值得指出的是,Web Starter Kit默认你已在系统中安装了Node、Ruby、Ruby Sass和Gulp.js。通过可选的Gulp,开发者将可以使用LiveReload、自动图像优化和HTML微缩等功能。

除最新版Chrome之外,Web Starter Kit还支持大部分其他当代浏览器,包括IE10、IE11、火狐30、火狐31,以及最热门的移动浏览器。

尽管与Bootstrap和ZURB的Foundation等项目有一些重叠之处,但谷歌也帮助Web Starter Kit的用户方便地使用来自这些项目的样式。

与这些项目不同,谷歌并不提供许多用户界面元素和其他组件。目前尚不清楚,谷歌是否计划随后增加这些元素,但谷歌工程师艾迪·奥斯玛尼(Addy Osmani)今天对Hacker News表示,Web Starter Kit的目的并非在用户界面元素方面与Bootstap竞争。他同时表示,类似Bootstrap和Foundation的库是“开发原型应用的不错起点”,但使用这些库最大的挑战在于,开发者可能会在应用的整个生命周期一直使用这些样式、外观和体验。与这些项目不同,Web Starter Kit鼓励开发者修改基础样式,使其适用于自己的应用。

与Bootstrap和Foundation类似,Web Starter Kit专注于流体网格布局,不过谷歌的解决方案更具灵活性。
ceee251e-f899-11e3-9dd9-e313cf2522ec.png

支持浏览器包括:

  • IE9, IE10, IE11, IE Mobile 10

  • FF 30, 31

  • Chrome 34, 35

  • Safari 7, 8

  • Opera 23, 24

  • iOS Safari 7, 8

  • Opera Coast

  • Android / Chrome 4.4, 4.4.3

  • BlackBerry 10

项目主页:http://www.open-open.com/lib/view/home/1410571361055