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