Skip to content

Instantly share code, notes, and snippets.

@josedigital

josedigital/gist:3177545

Created July 25, 2012 17:58
Show Gist options
  • Save josedigital/3177545 to your computer and use it in GitHub Desktop.
Save josedigital/3177545 to your computer and use it in GitHub Desktop.
Download ZIP
HTML: html starter page
Raw
gistfile1
<!doctype html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8" />
<title> . title . </title>
<!-- Meta tags -->
<meta name="keywords" content="" />
<meta name="robots" content="" />
<meta name="title" content="">
<!-- Google will often use this as its description of your page/site. Make it good. -->
<meta name="description" content="">
<meta name="author" content="Your Name Here">
<meta name="Copyright" content="Copyright Your Name Here 2011. All Rights Reserved.">
<meta name="google-site-verification" content="">
<!-- Speaking of Google, don't forget to set your site up: http://google.com/webmasters -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png" />
<!-- The is the icon for iOS's Web Clip.
- size: 57x57 for older iPhones, 72x72 for iPads, 114x114 for iPhone4's retina display (IMHO, just go ahead and use the biggest one)
- To prevent iOS from applying its styles to the icon name it thusly: apple-touch-icon-precomposed.png
- Transparency is not recommended (iOS will put a black BG behind the icon) -->
<!-- CSS
================================================== -->
<link href="css/grid.css" media="screen" rel="stylesheet">
<link href="css/mobile.css" media="screen" rel="stylesheet">
<link href="css/styles.css" media="screen and (min-device-width: 768px)" rel="stylesheet">
<!-- to exclude mobile css from desktop uncomment and replace above
<link href="css/mobile.css" media="screen and (max-device-width: 768px)" rel="stylesheet"> -->
<link href="highlighter/desert.css" media="screen" rel="stylesheet">
<!-- IE
================================================== -->
<!-- include style.css without media query for IE -->
<!--[if lt IE 9]>
<link href="css/styles.css" media="screen" rel="stylesheet">
<![endif]-->
<!-- Google Fonts
================================================== -->
<!-- JS - all our JS is at the bottom of the page, except for syze.
================================================== -->
<script src="js/syze.min.js"></script>
<script type="text/javascript">
syze.sizes(320, 480, 768, 1024, 1920);
</script>
</head>
<body>
<!-- JS
================================================== -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.7.1.min.js"><\/script>')</script>
<script src="js/app.js"></script>
<!-- End Document
================================================== -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment