HTML5 Boilerplate:最流行的web開發前端模版
來自: http://finalshares.com/read-7269
HTML5 Boilerplate 幫你構建 快速 , 健壯 , 并且 適應力強 的web app或網站。 這個小小的源碼包集合了100位開發者的經驗,你可以將這些經驗運用在你的項目中。
節省時間,給你信心。
★Google統計、圖標 和 更多
壓縮包內包含了 一個干凈、移動終端友好的HTML模版;優化過的Google統計代碼;觸摸屏設備上使用的圖標(這個可以替換成你自己的);還有豐富的文檔、技巧、竅門。
★ Normalize.css 和輔助功能
包含了 Normalize.css v1 版本 — 一個先進的、支持HTML5的CSS reset — 和基礎樣式、輔助功能、media queries、打印樣式。
★ jQuery 與 Modernizr
自帶了兩個優秀的Javascript工具庫的最新版本: jQuery (默認鏈接到 Google的CDN, 如果CDN失效,本地文件作為后備) 和 Modernizr 瀏覽器特性監測工具庫。
★ 高性能
我們提供了一組 Apache 配置參數,幫你提高網站的性能。 還有幾個單獨維護的項目: server configs , node build script , 和 ant build script .
html5boilerplate視頻教程(英文)(KX上網)
他們都在用 HTML5 Boilerplate !
Google , Microsoft , NASA , Nike , Barack Obama , Mercedes-Benz , ITV News , BAE Systems , Creative Commons , Australia Post , Entertainment Weekly , Racing Green , 此處省略N個名字。
HTML5 Boilerplate
HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites.
This project is the product of many years of iterative development and combined community knowledge. It does not impose a specific development philosophy or framework, so you're free to architect your code in the way that you want.
- Homepage: https://html5boilerplate.com
- Source: https://github.com/h5bp/html5-boilerplate
- 推ter: @h5bp
Quick start
Choose one of the following options:
- Download the latest stable release from html5boilerplate.com or create a custom build using Initializr .
- Clone the git repo — git clone https://github.com/h5bp/html5-boilerplate.git - and checkout the tagged release you'd like to use.
Features
- HTML5 ready. Use the new elements with confidence.
- Designed with progressive enhancement in mind.
- Includes:
- Normalize.css for CSS normalizations and common bug fixes
- jQuery via CDN, with a local fallback
- A custom build of Modernizr for feature detection
- Apache Server Configs that, among other, improve the web site's performance and security
- Placeholder CSS Media Queries.
- Useful CSS helper classes.
- Default print styles, performance optimized.
- An optimized version of the Google Universal Analytics snippet.
- Protection against any stray console statements causing JavaScript errors in older browsers.
- "Delete-key friendly." Easy to strip out parts you don't need.
- Extensive inline and accompanying documentation.
Browser support
- Chrome (latest 2)
- Edge (latest 2)
- Firefox (latest 2)
- Internet Explorer 8+
- Opera (latest 2)
- Safari (latest 2)
This doesn't mean that HTML5 Boilerplate cannot be used in older browsers, just that we'll ensure compatibility with the ones mentioned above.
If you need legacy browser support (IE 6+, Firefox 3.6+, Safari 4+) you can use HTML5 Boilerplate v4 , but is no longer actively developed.
Documentation
Take a look at the documentation table of contents . This documentation is bundled with the project, which makes it readily available for offline reading and provides a useful starting point for any documentation you want to write about your project.
Contributing
Hundreds of developers have helped make the HTML5 Boilerplate what it is today. Anyone and everyone is welcome to contribute , however, if you decide to get involved, please take a moment to review the guidelines :
License
The code is available under the MIT license .