開發時間縮短90% Amaze UI助H5夢工場響應式網站

近日，HTML5夢工場使用云適配開源HTML5跨屏前端框架AmazeUI對自身網站進行了重新開發。開發完成的新網站，用戶無論通過任何終端訪問，網站內容都能保持實時同步，并能以最佳的展現方式呈現出來。

H5夢工場官網在PC和移動端的展示

HTML5夢工場是中國最有影響力的技術社區團隊，由國內最早一批HTML5探索者和狂熱擁護者發起，為廣大開發者搭建一個開放、自由的互動交流平臺，旨在推動HTML5在中國的應用與普及。目前，旗下的品牌活動已覆蓋了近10萬互聯網和移動互聯網行業的從業者和愛好者。

此次，為了更好的將品牌和活動內容呈現給廣大用戶，HTML5夢工場決定優化官網，用HTML5技術實現網頁在各類終端的適配。經過考察，夢工場采用了云適配推出的跨屏前端框架Amaze UI，一方面，作為H5夢工場，一方面它可以適應幾乎所有設備的屏幕，并使用戶可以與網站一直保持聯系; 還可以讓其通過單一的URL地址收集所有的社交分享鏈接，并且節約大量的網站維護人工成本。

開發響應式網站已經成為新建網站的趨勢，而HTML5技術無疑是最佳選擇，但目前，HTML5前端開發技術并未全面成熟，因為實際在開發過程中仍然會面臨不少困難。Amaze UI作為國內最大的HTML5前端開源框架，可以為開發者提供了包含25個CSS組件、27個JS組件，更有21款包含近60個主題的Web組件，使開發者不需要再花費時間精力去編寫日歷等的代碼，便可以直接引用組件，為企業快速構建出與原生APP相媲美的專屬移動端的HTML5應用。Amaze UI 在本次H5夢工場的改版過程中就體現出了非常明顯的優勢：

1、開發時間縮短90%

一般使用傳統的切圖工藝做響應式網站，首頁開發周期就要至少30個小時。選用AmazeUI后，整站12個單頁只用時30個小時，大大節約了開發時間，一方面是AmazeUI的框架排版，響應性能得到優化; 另一方面，夢工場網站很多重復使用的框架組件，但這些組件在尺寸和部分風格又有一點詫異，采用AmazeUI的組件后，將大幅減少了這些組件的開發時間。

2、渲染優化，打開網頁速度提升10%

AmazeUI在css渲染上就已經做了優化。經過壓縮處理后，單頁打開速度比以前網站的速度提升10%；

3、中文支持，排版效率提升300%

AmazeUI組件設計更貼近于中文網站的布局習慣

AmazeUI強大的幫助和技術支持系統更利于程序員的入手和習慣

AmazeUI的布局和排版設計，對響應式網站排版提升至少300%的速度

據了解，Amaze UI推崇“一切皆組件”的組件化理念，目前它提供包含專門針對跨屏HTML5網頁開發的Amaze UI Web以及針對移動端的HTML5混合應用開發框架AmazeUI Touch，在全球權威的代碼托管平臺上，Amaze UI的Star數量超過7000，并榮獲Github 最受歡迎前端工具TOP10。