Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Sublime Text 2 HTML5 Boilerplate snippet. Creates an HTML5 page structure based on the HTML5 Boilerplate project - with all the components included - when you type ht5, tab. To use: 1. Copy this text into a new doc with the syntax mode set to xml. 2. Then save it to "/Packages/User/html5-boilerplate.sublime-snippet". Document must be in HTML syn…
<snippet>
<content><![CDATA[<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>${1:Project Name}</title>
<meta name="description" content="">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="cleartype" content="on">
<!-- iOS Touch Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/touch/apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/touch/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/touch/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="img/touch/apple-touch-icon-57x57-precomposed.png">
<!-- Uncomment to include a launch screen for iOS
<link rel="apple-touch-startup-image" href="image.jpg"> -->
<!-- Tile icon for Win8 (144x144 + tile color) -->
<meta name="msapplication-TileImage" content="img/touch/apple-touch-icon-144x144-precomposed.png">
<meta name="msapplication-TileColor" content="#222222">
<!-- Browser favicon -->
<link rel="shortcut icon" href="favicon.png">
<!-- For iOS web apps. Delete if not needed.
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="">
-->
<!-- CSS files -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap.responsive.min.css">
<!-- Uncomment to include modernizer.js
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
-->
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<p>Hello world! This is HTML5 Boilerplate.</p>
<!-- JavaScript libraries -->
<script src="js/libs/jquery.min.js"></script>
<script src="js/libs/bootstrap.js"></script>
<!-- Javascripts -->
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Uncomment to include Google Analytics
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
-->
</body>
</html>]]></content>
<tabTrigger>ht5</tabTrigger>
<description>HTML5 Boilerplate</description>
</snippet>
@NamPNQ

This comment has been minimized.

Copy link

@NamPNQ NamPNQ commented Sep 11, 2013

tks you

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.