Skip to content

Instantly share code, notes, and snippets.

@illycz

illycz/boilerplate.haml

Created April 22, 2014 21:18
Show Gist options
  • Save illycz/11194670 to your computer and use it in GitHub Desktop.
Save illycz/11194670 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
boilerplate.haml
/ HTML5 Doctype. Remember to delete these comments (Quirks Mode).
!!!
/ Modernizr HTML tag.
%html.no-js{lang: ""}
/ Let's get started.
%head
/ Document settings and metadata.
%title
%meta{charset: ""}
%meta{content: "", name: "description"}
%meta{content: "", name: "author"}
%meta{content: "", name: "designer"}
%meta{content: "", name: "rating"}
%meta{content: "", name: "keywords"}
/ Apple stuff.
%meta{content: "yes", name: "apple-mobile-web-app-capable"}
%meta{content: "black", name: "apple-mobile-web-app-status-bar-style"}
%meta{content: "telephone=yes", name: "format-detection"}
/ Robots and Viewport.
%meta{content: "index, follow", name: "robots"}
%meta{content: "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no", name: "viewport"}
/ OpenGraph for Facebook.
%meta{content: "", property: "og:type"}
%meta{content: "", property: "og:title"}
%meta{content: "", property: "og:url"}
%meta{content: "", property: "og:description"}
%meta{content: "", property: "og:image"}
%meta{content: "", property: "og:locale"}
/ Icons.
%link{href: "", rel: "icon"}
%link{href: "", rel: "apple-touch-icon"}
/ Prerendering and Prefetching.
%link{href: "", rel: "prerender"}
%link{href: "", rel: "prefetch"}
%link{href: "", rel: "dns-prefetch"}
/ Miscellaneous and SEO stuff.
%link{href: "", rel: "canonical"}
%link{href: "", rel: "sitemap"}
%link{href: "", rel: "next"}
%link{href: "", rel: "prev"}
/ Stylesheets go here. Recommended: Bootstrap, Animate.
%link{href: "assets/css/normalize.css", rel: "stylesheet"}
/ Scripts go here. Recommended: Google Analytics, Respond.js.
%script{src: "assets/js/modernizr.js"}
%body
/ jQuery from Google's CDN with local fallback.
%script{src: "//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"}
:javascript
(window.jQuery)||document.write('<script src="assets/js/jquery.js"><\/script>')
Raw
boilerplate.html
<!-- HTML5 Doctype. Remember to delete these comments (Quirks Mode). -->
<!doctype html>
<!-- Modernizr HTML tag. -->
<html lang="" class="no-js">
<!-- Let's get started. -->
<head>
<!-- Document settings and metadata. -->
<title></title>
<meta charset="" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="designer" content="" />
<meta name="rating" content="" />
<meta name="keywords" content="" />
<!-- Apple stuff. -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=yes" />
<!-- Robots and Viewport. -->
<meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<!-- OpenGraph for Facebook. -->
<meta property="og:type" content="" />
<meta property="og:title" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />
<meta property="og:image" content="" />
<meta property="og:locale" content="" />
<!-- Icons. -->
<link rel="icon" href="" />
<link rel="apple-touch-icon" href="" />
<!-- Prerendering and Prefetching. -->
<link rel="prerender" href="" />
<link rel="prefetch" href="" />
<link rel="dns-prefetch" href="" />
<!-- Miscellaneous and SEO stuff. -->
<link rel="canonical" href="" />
<link rel="sitemap" href="" />
<link rel="next" href="" />
<link rel="prev" href="" />
<!-- Stylesheets go here. Recommended: Bootstrap, Animate. -->
<link rel="stylesheet" href="assets/css/normalize.css" />
<!-- Scripts go here. Recommended: Google Analytics, Respond.js. -->
<script src="assets/js/modernizr.js"></script>
</head>
<body>
<!-- jQuery from Google's CDN with local fallback. -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script>(window.jQuery)||document.write('<script src="assets/js/jquery.js"><\/script>')</script>
</body>
</html>
Raw
boilerplate.jade
//- HTML5 Doctype
doctype html
//- Modernizr HTML tag
html.no-js(lang='en')
//- Let's get started.
head
//- Document settings and metadata.
title
meta(charset='')
meta(name='description', content='')
meta(name='author', content='')
meta(name='designer', content='')
meta(name='rating', content='')
meta(name='keywords', content='')
//- Apple stuff.
meta(name='apple-mobile-web-app-capable', content='yes')
meta(name='apple-mobile-web-app-status-bar-style', content='black')
meta(name='format-detection', content='telephone=yes')
//- Robots and Viewport.
meta(name='robots', content='index, follow')
meta(name='viewport', content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no')
//- OpenGraph for Facebook.
meta(property='og:type', content='')
meta(property='og:title', content='')
meta(property='og:url', content='')
meta(property='og:description', content='')
meta(property='og:image', content='')
meta(property='og:locale', content='')
//- Icons.
link(rel='icon', href='')
link(rel='apple-touch-icon', href='')
//- Prerendering and Prefetching.
link(rel='prerender', href='')
link(rel='prefetch', href='')
link(rel='dns-prefetch', href='')
//- Miscellaneous and SEO stuff.
link(rel='canonical', href='')
link(rel='sitemap', href='')
link(rel='next', href='')
link(rel='prev', href='')
//- Stylesheets go here. Recommended: Bootstrap, Animate.
link(rel='stylesheet', href='assets/css/normalize.css')
//- Scripts go here. Recommended: Google Analytics, Respond.js.
script(src='assets/js/modernizr.js')
body
//- jQuery from Google's CDN with local fallback.
script(src='//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js')
script
(window.jQuery)||document.write('<script src="assets/js/jquery.js"><\\/script>')
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment