Skip to content

Instantly share code, notes, and snippets.

View srobbin's full-sized avatar

Scott Robbin srobbin

336 followers · 22 following
View GitHub Profile
@srobbin
srobbin / gist:1973990
Created March 4, 2012 17:25
Intelligist Demo: Live CSS
/*
You used the drop-down menu!
That appears automatically when give Intelligist multiple gists to display.
You'll also notice that the page styles have changed.
Intelligist has an option that lets you execute the Gist code after it's been
loaded onto the page.
*/
body {
@srobbin
srobbin / gist:1755245
Created February 6, 2012 22:03
Possible fix for jQuery Backstretch and iOS5 fixed positioning
/*
* jQuery Backstretch
* Version 1.2.6
* http://srobbin.com/jquery-plugins/jquery-backstretch/
*
* Add a dynamically-resized background image to the page
*
* Copyright (c) 2011 Scott Robbin (srobbin.com)
* Dual licensed under the MIT and GPL licenses.
*/
@srobbin
srobbin / gist:1713018
Created January 31, 2012 21:26
<noscript><img src="Koala.jpg" alt="A koala" /></noscript>
<script>
$('noscript').each(function(){
var $self = $(this)
, $img = $( $self.text() )
, src = $img.attr("src") + ( screen.width < 500 ? "?width=420" : "" );
$self.replaceWith( $img.attr("src", src) );
});
@srobbin
srobbin / gist:1711644
Created January 31, 2012 17:11
Responsive image test with NOSCRIPT
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Responsive image test with NOSCRIPT</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<style>
.container { width: 960px; margin: 0 auto; }
img { max-width: 100%; }
@srobbin
srobbin / gist:1098045
Created July 21, 2011 19:52 — forked from ChicagoMap/Fusion Table
Practice Fusion Table
<!DOCTYPE html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
</head>
@srobbin
srobbin / gist:904748
Created April 5, 2011 22:51
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="/path/to/jquery.backstretch.min.js"></script>
<script type="text/javascript">
$.backstretch("http://static.tumblr.com/aa0lt19/0qql9lazk/img_8038.jpg");
</script>
@srobbin
srobbin / For switching a background image with Backstretch
Created November 23, 2010 21:38
$("#backstretch img").attr("src", "/path/to/new/image.jpg");
$(window).trigger("resize");
@srobbin
srobbin / .htaccess
Created June 8, 2010 19:50
# Add to your .htaccess file
FileETag none
ExpiresActive On
ExpiresDefault A0
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/ico A2592000
ExpiresByType text/css A2592000
@srobbin
srobbin / gist:430563
Created June 8, 2010 19:56
<!-- Google-hosted jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
@srobbin
srobbin / gist:430515
Created June 8, 2010 19:27
<!-- Typical script include -->
<script src="/_scripts/file1.js"></script>
<script src="/_scripts/file2.js"></script>
<script src="/_scripts/file2.js"></script>
<!-- Using Minify, it becomes this -->
<!-- http://code.google.com/p/minify/ -->
<script src="/_min/b=_scripts&f=file1.js,file2.js,file.js"></script>