Skip to content

Instantly share code, notes, and snippets.

View docluv's full-sized avatar
🏠
Working from home

Chris Love docluv

🏠
Working from home
View GitHub Profile
@docluv
docluv / gist:6661429
Created September 22, 2013 16:14
My Big HEAD 1
<meta charset="utf-8" />
<title>Love 2 Dev - Chris Love's Modern Web Development Blog</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- make sure you render in the latest IE engine -->
<meta content="Chris Love's Blog where he writes about modern web development, JavaScript, HTML5, CSS3 and the Mobile Web" name="description">
<meta content="Chris Love" name="author">
<link href="favicon.ico" rel="shortcut icon">
@docluv
docluv / gist:6661362
Created September 22, 2013 16:07
My BODY
<body role="application">
<header class="site-header" role="banner">
<a href="#!" title="Love 2 Dev - Chris Love's Modern Web Development Blog" class="no-decor logo">
<div id="heart"></div>
<span class="logo-text">Love2Dev</span>
</a>
<nav class="main-nav" role="navigation">
<!-- navigation anchor tags here -->
</nav>
<section id="articleview" class="content-pane" role="article" data-title=""
data-transition="flip"
data-callback="l2d.loadArticleView"
data-path="article\:slug">
{article structure goes here}
</section>
.app-view {
display: none;
}
.current-view {
display: block;
}
currentView.classList.remove("current-view");
newView.classList.add("current-view");
function swap(newView, oldView) {
var newView = document.getElementById(newView),
oldView = document.getElementById(oldView),
viewWrapper = document.getElementById("viewWrapper");
oldView.classList.remove("current-view");
newView.classList.add("current-view");
viewWrapper.appendChild(newView);
}
$.ajax({
cache: false,
type: "GET",
dataType: "json",
url: "[supply the target URL here]",
success: function (d) {
//do something here
}
});
<script id="movie-list-template" type="text/x-handlebars-template">
{{each}}
<div>
<h1>{{title}}</h1>
<img src="{{poster}}" alt="{{title}}"/>
</div>
{{/each}}
</script>
@media ( max-width:600px) {
.main-content {
top: 60px ;
}
.logo {