网页设计通常需要预先考虑很多因素，而用户给你的时间又特别稀缺，如何提高效率其实是一个比较烦人的问题。一个可行方式就是使用预先准备好的框架和模板，HTML5框架、模板以及生成器是一个万灵丹似的解决方案，可以大大简化很多工作量。这里介绍一些比较实用的工具，不用介绍太多，看下面截图自然就明白。

16个HTML5 框架、模板以及生成工具_提高效率

Initializr

16个HTML5 框架、模板以及生成工具_网页设计_02

Modernizr

16个HTML5 框架、模板以及生成工具_生成器_03

52framework

16个HTML5 框架、模板以及生成工具_html5_04

HTML5 Boilerplate

16个HTML5 框架、模板以及生成工具_提高效率_05

HTML5 Front End Development Framework

16个HTML5 框架、模板以及生成工具_网页设计_06

reformed Form Builder

16个HTML5 框架、模板以及生成工具_解决方案_07

Sencha

16个HTML5 框架、模板以及生成工具_提高效率_08

LungoJS – Mobile Framework

16个HTML5 框架、模板以及生成工具_解决方案_09

Popcorn.js – The HTML5 Media Framework

16个HTML5 框架、模板以及生成工具_提高效率_10

The Joshfire Framework

16个HTML5 框架、模板以及生成工具_提高效率_11

Jo HTML5 Mobile App Framework

16个HTML5 框架、模板以及生成工具_提高效率_12

Generate a HTML5 Framework with SwitchToHTML5

16个HTML5 框架、模板以及生成工具_html5_13

HTML5 Template Generator

16个HTML5 框架、模板以及生成工具_生成器_14

sprite.js

16个HTML5 框架、模板以及生成工具_提高效率_15

LimeJS

16个HTML5 框架、模板以及生成工具_提高效率_16

HTML5 Multimedia Framework for WordPres

​