Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

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

Ryan macisi

🏠
Working from home
View GitHub Profile
<!DOCTYPE html>
<html>
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div class="grid-container position" id="J-grids">
@macisi
macisi / base64.js
Created January 23, 2014 03:09 — forked from stubbetje/base64.js
var Base64 = {
characters: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=" ,
encode: function( string )
{
var characters = Base64.characters;
var result = '';
var i = 0;
do {
canvas { border: 0 solid #000;}
@macisi
macisi / rAF.js
Created July 27, 2013 13:06 — forked from paulirish/rAF.js
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
// MIT license
(function() {
var lastTime = 0;
var vendors = ['ms', 'moz', 'webkit', 'o'];
@macisi
macisi / dabblet.css
Created June 15, 2012 07:04
Untitled
.btn_large, .btn_large_grey { height: 35px; font: bold 15px/33px "\5FAE\8F6F\96C5\9ED1";}
.btn_middle, .btn_middle_grey { height: 30px; font: bold 14px/28px "\5FAE\8F6F\96C5\9ED1";}
.btn_small, .btn_small_grey { height: 24px; font: 12px/22px "\5FAE\8F6F\96C5\9ED1";}
a.btn_large, a.btn_large_grey, a.btn_middle, a.btn_middle_grey, a.btn_small, a.btn_small_grey { display: inline-block; text-align: center;}
a.btn_large, a.btn_large_grey { height: 33px;}
a.btn_middle, a.btn_middle_grey { height: 28px;}
a.btn_small, a.btn_small_grey { height: 22px;}
.btn_large, .btn_middle { border: 1px solid #af4600; box-shadow: inset 0 0 0 1px #ffca05; color: #fafafa; text-shadow: 1px 1px 0 rgba(133,53,0,0.43);}
.btn_large, .btn_middle { background: -moz-linear-gradient(top, # fca32 0%, #ff7104 90%, #ff9103 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffca32), color-stop(90%,#ff7104), color-stop(100%,#ff9103)); background: -webkit-linear-gradient(top, #ffca32 0%,#ff7104 90%,#ff9103 100%); bac
@macisi
macisi / dabblet.css
Created June 15, 2012 06:55
Untitled
.btn_large, .btn_large_grey { height: 35px; font: bold 15px/33px "\5FAE\8F6F\96C5\9ED1";}
.btn_middle, .btn_middle_grey { height: 30px; font: bold 14px/28px "\5FAE\8F6F\96C5\9ED1";}
.btn_small, .btn_small_grey { height: 24px; font: 12px/22px "\5FAE\8F6F\96C5\9ED1";}
a.btn_large, a.btn_large_grey, a.btn_middle, a.btn_middle_grey, a.btn_small, a.btn_small_grey { display: inline-block; text-align: center;}
a.btn_large, a.btn_large_grey { height: 33px;}
a.btn_middle, a.btn_middle_grey { height: 28px;}
a.btn_small, a.btn_small_grey { height: 22px;}
.btn_large, .btn_middle { border: 1px solid #af4600; box-shadow: inset 0 0 0 1px #ffca05; color: #fafafa; text-shadow: 1px 1px 0 rgba(133,53,0,0.43);}
.btn_large, .btn_middle { background: -moz-linear-gradient(top, # fca32 0%, #ff7104 90%, #ff9103 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffca32), color-stop(90%,#ff7104), color-stop(100%,#ff9103)); background: -webkit-linear-gradient(top, #ffca32 0%,#ff7104 90%,#ff9103 100%); bac
@macisi
macisi / dabblet.css
Created June 15, 2012 03:46
Untitled
.btn_large, .btn_large_grey { height: 35px; font: bold 15px/33px "\5FAE\8F6F\96C5\9ED1";}
.btn_middle, .btn_middle_grey { height: 30px; font: bold 14px/28px "\5FAE\8F6F\96C5\9ED1"; }
.btn_small, .btn_small_grey { height: 24px; font: 12px/22px "\5FAE\8F6F\96C5\9ED1";}
a.btn_large, a.btn_large_grey, a.btn_middle, a.btn_middle_grey, a.btn_small, a.btn_small_grey { display: inline-block; text-align: center;}
a.btn_large, a.btn_large_grey { height: 33px;}
a.btn_middle, a.btn_middle_grey { height: 28px;}
a.btn_small, a.btn_small_grey { height: 22px;}
.btn_large, .btn_middle { border: 1px solid #af4600; box-shadow: inset 0 0 0 1px #ffca05; color: #fafafa; text-shadow: 1px 1px 0 rgba(133,53,0,0.43);}
.btn_large, .btn_middle { background: -moz-linear-gradient(top, #ffca32 0%, #ff7104 90%, #ff9103 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffca32), color-stop(90%,#ff7104), color-stop(100%,#ff9103)); background: -webkit-linear-gradient(top, #ffca32 0%,#ff7104 90%,#ff9103 100%); ba