HTML5 模板,HTML5 Boilerplate 4.0 發布

openkk 12年前發布 | 35K 次閱讀 HTML5

HTML5 Boilerplate 的核心是用于幫助開發 HTML5 站點和應用程序的組件,包括:

  • Modernizr,一個小型實用程序庫,支持在 Windows® Internet Explorer® 中設置新的 HTML5 元素樣式,并協助在所有瀏覽器中進行 HTML5/CSS3 特性檢測。如果您正在使用 HTML5 進行開發且需要支持 Internet Explorer 版本 9 之前的瀏覽器版本 ,那么這個庫(或者我稍后將解釋的一個替代選項)將是您的項目必不可少的一個組件。
  • 構建于 HTML5 Doctor Reset 之上的一個 CSS 起始文件,包含幾個智能默認值和增強。
  • 內置 HTML5 語法,以及一些新的語義元素,用于構成您文檔的骨架。

除了這些核心的 HTML5 相關特性,該項目還實現了幾個優秀的最佳實踐。下面列出了部分最佳實踐:

  • 在整個項目過程中非常關注前端性能,采用適當的結構(CSS 位于頂部,JavaScript 代碼位于底部),一個 Google Analytics 異步實現,以及項目的 Apache ANT 構建腳本中提供的幾個基于性能的增強。
  • 幾個跨瀏覽器助手,包括 HTML 元素上的特定于 Internet Explorer 版本的類和一個針對 Internet Explorer 版本 6 的自動 PNG 補丁。
  • 樣例 .htaccess 和 web.config 文件,幫助您設置您的服務器來利用 HTML5 特性和 web 字體并通過一個智能緩存策略加速您的站點。
  • 遠遠超出典型重置范圍的 CSS 增強。這個樣式表使用精心挑選和偶爾聰明的默認值重構元素。它還添加了幾個方便的助手類。常見的 .clearfix 類是您需要熟悉的類,.hidden.visuallyhidden 等類也包含在內且非常有用。骨架打印樣式(Skeleton print styles)、分頁媒體樣式和用于快速響應 web 設計的媒體查詢也被包含進來。

盡管看起來已經不少了,但上面的列表只是這個項目附帶的最佳實踐的一個樣本。即使對于持續關注這些事情的人來說,這也是一個令人印象深刻的集 合。事實上,這個集合是如此令人印象深刻,以至于該項目承認這樣一個事實:這個集合是 “刪除鍵友好的”。這句話的意思是:它是一個健壯的集合,并不是每個人都需要在每個項目中默認包含每個特性。

HTML5 Boilerplate 4.0 發布了,下載地址:

https://github.com/h5bp/html5-boilerplate/zipball/v4.0.0

4.0 改進記錄:

  • Improve the Apache compression configuration (#1012, #1173).
  • Add a HiDPI example media query (#1127).
  • Add bundled docs (#1154).
  • Add MIT license (#1139).
  • Update to Normalize.css 1.0.1.
  • Separate Normalize.css from the rest of the CSS (#1160).
  • Improve console.log protection (#1107).
  • Replace hot pink text selection color with a neutral color.
  • Change image replacement technique (#1149).
  • Code format and consistency changes (#1112).
  • Rename CSS file and rename JS files and subdirectories.
  • Update to jQuery 1.8 (#1161).
  • Update to Modernizr 2.6.1 (#1086).
  • Remove uncompressed jQuery (#1153).
  • Remove superfluous inline comments (#1150).

 本文由用戶 openkk 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!