Skip to content

Instantly share code, notes, and snippets.

View dbox's full-sized avatar

Daniel Box dbox

View GitHub Profile
@dbox
dbox / viewportwidth.js
Created April 12, 2012 18:14 — forked from rutger1140/viewportwidth.js
Display viewport width with jQuery
/**
* Display your window width - useful for responsive web design
* @author: Rutger Laurman
*/
// Ready?
$(function(){
// Create debug element
$("body").append("<div style='position:absolute;top:0;left:0;border:1px solid #999;background:#eee;' id='viewportwidth'></div>");
@dbox
dbox / gist:2414436
Created April 18, 2012 15:42
Twitter Spinner
.spinner {
background: transparent url(https://si0.twimg.com/twitter-mobile/0d70e1de0c3e78cea79a8f953985e5daeee29d67/html5/framework/core/assets/m_spinner_black.png?v=0d70e1de0c3e78cea79a8f953985e5daeee29d67) center 40% no-repeat;
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
background-size: 19px 19px;
-webkit-background-size: 19px 19px;
-moz-background-size: 19px 19px;
display: inline-block;
width: 19px;
height: 19px;
@dbox
dbox / dabblet.css
Created April 18, 2012 18:11 — forked from LeaVerou/dabblet.css
Vertical centering with Flexbox + margin fallback
/**
* Vertical centering with Flexbox + margin fallback
* Lea Verou & David Storey
*/
html, body { height: 100%; }
body {
width: 100%; /* needed for FF */
margin: 0;
onClick="window.location.href='aggregator.html'"
onclick="window.open('aggregator.html');"
@dbox
dbox / gist:2562297
Created April 30, 2012 20:08
Serve non-scalable meta for iPhone only (messes up on 2.3 Android)
$(document).ready(function() {
//Serve non-scalable meta for iPhone only (messes up on 2.3 Android)
var deviceAgent = navigator.userAgent.toLowerCase();
var agentID = deviceAgent.match(/(iphone|ipod)/);
if (agentID) {
$('head').append('<meta name="viewport" content="width=390, user-scalable=0;">');
}
@dbox
dbox / dabblet.css
Created May 2, 2012 15:21 — forked from chriscoyier/dabblet.css
Animate to natural width
/* Animate to natural width */
body { background: black; padding: 100px; margin: 0; }
.progress-bar {
border: 2px solid red;
border-radius: 14px;
}
.progress-bar > div {
@dbox
dbox / iphone:fixed
Created May 3, 2012 17:01
iPhone position:fixed scroll fix
// Fixed position fix
$('nav ul a').click(function(){
// Find anchor position based on href
var y=Math.floor($($(this).attr('href')).offset().top);
// Add position fixed to nav
fixIt();
// Animate to anchor position
$('html,body').animate({ scrollTop:y},500,function(){
// On animation complete add position absolute to nav
// using the anchor position as top
@dbox
dbox / gist:3373317
Created August 16, 2012 20:20
Union bank bg
background: #fbfdff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fbfdff 0%, #e8eff7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fbfdff), color-stop(100%,#e8eff7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #fbfdff 0%,#e8eff7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #fbfdff 0%,#e8eff7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #fbfdff 0%,#e8eff7 100%); /* IE10+ */
background: linear-gradient(135deg, #fbfdff 0%,#e8eff7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfdff', endColorstr='#e8eff7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
@dbox
dbox / copy paste append
Created August 22, 2012 15:39
append text after a copy and paste
var radium=[];
if("undefined"==typeof radium.init){var readatURL="",ctrl;(function(){var f=function(){var d=document.body,j=document.documentElement,l=function(b,a){for(var c in b)b.hasOwnProperty(c)&&(a[c]=b[c])},k=function(b,a,c){b=document.createElement(b);l(a,b);l(c,b.style);return b},f=function(){var b,a=function(){window.removeEventListener("blur",a,!1);m(b);return!0};return function(c){b=c.target||c.srcElement;window.removeEventListener("blur",a,!1);"IMG"==b.nodeName&&"A"!=b.parentNode.nodeName&&(window.addEventListener("blur",
a,!1),setTimeout(function(){document.removeEventListener("blur",a,!1)},1E3));return!0}}(),n=function(){},o=function(b){m(b.target||b.srcElement,!0)},e;radium.inited?e=function(){}:(radium.inited=!0,e=function(){window.addEventListener?(navigator.userAgent.match("Firefox/2")||d.addEventListener("copy",o,!1),window.addEventListener("mousedown",n,!1),document.addEventListener("contextmenu",f,!1)):(d.attachEvent("oncopy",o),d.attachEvent("onmousedown",n));return function(b,a){var c;