Google Web Starter Kit 多屏幕網頁開發

jopen 10年前發布 | 20K 次閱讀移動Web開發框架移動開發 Google Web Starter Kit

為不同的移動終端開發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專注于流體網格布局，不過谷歌的解決方案更具靈活性。