製作HTML5標準網站的最佳輔助工具-Initializr

Initializr - Start an HTML5 Boilerplate project in 15 seconds

 

最近W3C宣佈2014年要推出HTML5正式版，也表示HTML5發展也已經相當成熟了！而隨著各家瀏覽器以及行動裝置紛紛支援HTML5標準，開發者使用HTML5來設計網頁也是必然的趨勢。

工欲善其事，必先利其器，這邊就介紹一個號稱15秒就可以生出一個HTML5 Project的服務－Initializr。

Initializr是基於全球知名的HTML5預設模板HTML5 Boilerplate設計的，再經過加工後，可以產生支援HTML5 Boilerplate(H5BP)、Responsive(響應式布局)或Twitter Bootstrap的HTML5檔案。

目前支援的版本為H5BP v4.0.1、Modernizr 2.6.2、jQuery 1.8.3(2013/01/09)。

使用的方式很簡單，點選您所需要的HTML/CSS Template：

  • No template  – Classic H5BP

  • Mobile-first Responsive　- Responsive 行動裝置優先

  • Responsive Bootstrap 2.2.1 – 使用Twitter Bootstrap

接著選擇HTML5 Polyfills、jQuery版本，最後再選擇是不是要包含H5BP預設常見的設定檔….最後按Download!就可以了！

下載後就開始修改page name、meta description、favicons等資料，就可以產生HTML5網頁了！

Post Views: 670

作者: 林壽山

目前任職於軟體公司研究開發部門，擔任專業處長，專注於.NET C# 開發，並具備豐富的POS 收銀系統與金流整合開發經驗。我精通各類支付系統的設計與開發，包含第三方支付（如綠界、藍新、歐付寶、速買配、馬來西亞 ePay/HappyPay、台新 One 碼）、行動支付（悠遊卡、一卡通、支付寶、微信支付、街口支付）、以及信用卡支付（聯合信用卡）。 熟悉多種開發技術，擅長PHP 網頁開發（CodeIgniter、Laravel 框架）、Delphi 程式設計、資料庫設計、C# WinForm/WebForm 應用開發、ASP.NET MVC、API 串接設計，並具備LINE 串接開發的豐富經驗。 除了技術開發之外，我也熱衷於技術分享，曾擔任台中學校產業學院講師 5 年，培育新一代的軟體開發人才，致力於推動軟體技術的應用與創新。 我對技術充滿熱忱，始終保持學習與探索的心態，期望透過軟體開發為企業與社會創造更大的價值。