Skip to content

Instantly share code, notes, and snippets.

View jbail's full-sized avatar

Jeff Bail jbail

6 followers · 0 following
View GitHub Profile
@jbail
jbail / index.html
Created December 23, 2012 19:04
A CodePen by Jeff Bail.
<div id="content"></div>
<div id="border"></div>
@jbail
jbail / local-storage-with-json-parse-stringify.js
Created December 23, 2012 18:08
Local storage with JSON parse and stringify
var animal = {
name: 'Karl',
type: 'cat',
color: 'black',
age: 7
};
//convert JSON animal into a string
var dehydratedAnimal = JSON.stringify(animal);
@jbail
jbail / local-storage.js
Created December 23, 2012 18:03
Local storage example
window.localStorage.setItem('color', 'black');
//retrieve our stored item later
var color = window.localStorage.getItem('color'); //returns 'black'
@jbail
jbail / json-parse-stringify.js
Last active December 10, 2015 01:58
JSON parse and stringify example
var data = {
city: 'Denver',
state: 'Colorado',
lat: 39.737567,
lng: -104.9847179
};
data = JSON.stringify(data);
// 'data' is now a string that looks like...
// "{"city":"Denver","state":"Colorado","lat":39.737567,"lng":-104.9847179}"
@jbail
jbail / gist:4364137
Created December 23, 2012 16:25
Basic JSON example
var website = {
name: '*Nothing Found'
url: 'http://www.jeffbail.com',
age_in_years: 12
}
@jbail
jbail / hashchange.js
Created December 22, 2012 22:37
Demonstrating a simple hashchange event listener
window.onhashchange = function () {
updateTheViewOrDoSomethingElseAwesome(window.location.hash);
}
@jbail
jbail / gist:4360398
Created December 22, 2012 18:38
A basic example of embedding image data into a stylesheet using a data URI.
.right-arrow {
background:url(data:image/gif;base64,R0lGODlhDAAMAJEAAAAAAGZmZv///wAAACH5BAUUAAIALAAAAAAMAAwAAAIXlI8YybB8gINGTmhv
ym/L7oGbmJAUVAAAOw==)
no-repeat center;
}
@jbail
jbail / androidfullscreen.java
Created August 3, 2011 19:49
Fullscreen in Android
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN |
WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);
@jbail
jbail / Skeleton_XUI_Tabs_Test
Created June 27, 2011 14:33
A test using Skeleton and XUI to make functional, mobile friendly tabs
<!DOCTYPE html>
<html>
<head>
<title>Tabs | XUI</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link type="text/css" rel="stylesheet" href="https://raw.github.com/dhgamache/Skeleton/master/stylesheets/base.css" />
<link type="text/css" rel="stylesheet" href="https://raw.github.com/dhgamache/Skeleton/master/stylesheets/layout.css" />
<link type="text/css" rel="stylesheet" href="https://raw.github.com/dhgamache/Skeleton/master/stylesheets/skeleton.css" />
<script src="http://xuijs.com/downloads/xui-2.0.0.min.js"></script>
@jbail
jbail / gist:954309
Created May 3, 2011 21:33
relative css, the new jquery way
$('#box').css('padding-top', '+=10px');