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
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
}
});
currentView.classList.remove("current-view");
newView.classList.add("current-view");
.app-view {
display: none;
}
.current-view {
display: block;
}
<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>
@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>
@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:6661454
Created September 22, 2013 16:17
Apple iOS META tags
<link href="img/h/apple-touch-icon.png" rel="apple-touch-icon-precomposed" sizes="114x114">
<link href="img/m/apple-touch-icon.png" rel="apple-touch-icon-precomposed" sizes="72x72">
<link href="img/l/apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed">
<link href="img/l/apple-touch-icon.png" rel="shortcut icon">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<link href="img/l/splash.png" rel="apple-touch-startup-image">
@docluv
docluv / gist:7769267
Created December 3, 2013 13:40
A SEAF
(function (window, $, undefined) {
//actual module definition here
})(window, $);
var fs = require('fs'),
path = require("path"),
sizeOf = require('image-size'),
request = require('request').defaults({ proxy: process.env.HTTP_PROXY || process.env.http_proxy, jar: false }),
Kraken = require('kraken');
//If you do not have a Kraken Account visit http://bit.ly/1Vnvnmr
var kraken = new Kraken({
api_key: '{Your Kraken Key Goes Here}',