大家都知道，web前端开发并不是每一个环节都是从无到有的，有时候我们需要借用别人的经验，借鉴和运用一些流行和优质的模板，这样能够做到事半功倍，更能吸取精华增长自己。做技术，会运用模板也是一门技能哦~今天码疯窝编程君给大家分享一打流行的web开发前端模板集锦，模板在手，开发不愁~

HTML5 BOILERPLATE

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.

Modernizr

Modernizr 是一个 JavaScript 库，用于检测用户浏览器的 HTML5 与 CSS3 特性。

为什么使用 Modernizr

使用炫酷新颖的 web 技术是一件很有趣的事情，但你不得不面对落后的浏览器。Modernizr 使你可以方便地为各种情况编写 JavaScript 和 CSS，无论浏览器是否支持这些特性。这是处理渐进增强的完美方案。

工作原理

Modernizr 会在页面加载后立即检测特性；然后创建一个包含检测结果的 JavaScript 对象，同时在 html 元素加入方便你调整 CSS 的 class 名。

Normalize.css

Normalize.css让浏览器渲染所有元素更加一致,符合现代的标准。

OK，以上就是今天的分享，希望对大家的技术增长有帮助。如果你想学习更多IT技能，早日成为技术大神，欢迎登录码疯窝学院，来自2134年的院长码化云与美女码丽苏将带你领略不一样的IT技术学习画风，

脑洞最大，画面最诱人，课程最激情，故事最动听的，

史上最受少年少女喜爱的IT创意教学平台，

欢迎登录码疯窝学院免费学习！