Skip to content

Instantly share code, notes, and snippets.

@fcingolani
Created November 11, 2012 17:12
Show Gist options
  • Save fcingolani/4055549 to your computer and use it in GitHub Desktop.
Save fcingolani/4055549 to your computer and use it in GitHub Desktop.
HAML HTML5 Boilerplate
!!! 5
<!--[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.no-js
<!--<![endif]-->
%head
%meta{ charset: "utf-8"}
%meta{ charset: "X-UA-Compatible", content: "IE=edge,chrome=1" }
%title
%meta{ name: "description", content: "" }
%meta{ name: "viewport", content: "width=device-width" }
/ Place favicon.ico and apple-touch-icon.png in the root directory
%link{ rel: "stylesheet", href: "css/normalize.css" }
%link{ rel: "stylesheet", href: "css/main.css" }
%script{ src: "js/vendor/modernizr-2.6.2.min.js" }
%body
/[if lt IE 7]
%p.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.
/ Add your site or application content here
%p Hello world! This is HTML5 Boilerplate
%script{ src: "//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" }
%script window.jQuery || document.write('<script src="js/vendor/jquery-1.8.2.min.js"><\/script>')
%script{ src: "js/plugins.js" }
%script{ src: "js/main.js" }
/ Google Analytics: change UA-XXXXX-X to be your site's ID.
:javascript
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'));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment