Google Web Starter Kit 多屏幕网页开发
为不同的移动终端开发web应用是一件极为痛苦的事情,Google的Web Starter Kit的目标就是帮助开发者为不同设备开发web应用,例如点击同步、屏幕适配等问题。无论你的用户使用老款iPad还是新款Android手机,代码都能够适应。你只需要勾画出界面,屏幕适配的问题可以交给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专注于流体网格布局,不过谷歌的解决方案更具灵活性。
支持浏览器包括:
-
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