A Sublime Text 2/3 snippet to generate the HTML5 Boilerplate (v4.3.0) template.
Copy the files to your Packages directory.
In the command pallette (Cmd-Shift+P on Mac) type 'Install' then press enter to see a list of packages. Search for 'HTML Boilerplate' then press enter to install.
With a blank HTML file open, type
dcboiler
and press TAB
.
That generates:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="http://s0.2mdn.net/ads/studio/Enabler.js"></script>
<!-- build:css({.tmp,src}) main.css -->
<link rel="stylesheet" href="main.css" type="text/css">
<!-- endbuild -->
<!-- build:js({.tmp,src}) main.js -->
<script src="main.js" type="text/javascript"></script>
<!-- endbuild -->
</head>
<body>
<div id="container">
<div id="content" class="hide">
<!--BACKGROUND + LOGO
<div class="background" id="background">
<div class="logo" id="logo"></div>
</div>
BACKGROUND + LOGO-->
<!--FRAMEONE
<div class="frameOne" id="frameOne">
<div class="frameOneText1" id="frameOneText1"></div>
<div class="frameOneText2" id="frameOneText2"></div>
<div class="frameOneTopImg1" id="frameOneTopImg1">
<img src="" alt="" id="frameOneTopImage1" />
</div>
<div class="frameBottomImg1" id="frameBottomImg1">
<img src="" alt="" id="frameOneBottomImage1" />
</div>
</div>
FRAMEONE-->
<!--ENDFRAME
<div class="endFrame" id="endFrame">
<div class="endFrameText1" id="endFrameText1"></div>
<div class="endFrameText2" id="endFrameText2"></div>
<div class="endFrameTopImg1" id="endFrameTopImg1">
<img src="" alt="" id="endFrameTopImage1" />
</div>
<div class="endFrameBottomImg1" id="endFrameBottomImg1">
<img src="" alt="" id="endFrameBottomImage1" />
</div>
</div>
ENDFRAME-->
</div>
</div>
</body>
</html>