Skip to content

Instantly share code, notes, and snippets.

Scott Robbin srobbin

Block or report user

Report or block srobbin

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@srobbin
srobbin / gist:2773148
Created May 23, 2012
3D CSS Book Covers (WebKit and Firefox)
View gist:2773148
<!-- Note: You'll have to use Modernizr to detect 3d transform support -->
<!--- HTML --->
<div class="books">
<div id="book1" class="book">
<img src="book4.jpg" />
</div>
<div id="book2" class="book">
<img src="book2.jpg" />
</div>
@srobbin
srobbin / gist:2773397
Created May 23, 2012
Convenince gist for including Modernizr with 3D CSS Transforms
View gist:2773397
<script>
/* Modernizr 2.5.3 (Custom Build) | MIT & BSD
* Build: http://www.modernizr.com/download/#-csstransforms3d-shiv-cssclasses-teststyles-testprop-testallprops-prefixes-domprefixes-load
*/
;window.Modernizr=function(a,b,c){function z(a){j.cssText=a}function A(a,b){return z(m.join(a+";")+(b||""))}function B(a,b){return typeof a===b}function C(a,b){return!!~(""+a).indexOf(b)}function D(a,b){for(var d in a)if(j[a[d]]!==c)return b=="pfx"?a[d]:!0;return!1}function E(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:B(f,"function")?f.bind(d||b):f}return!1}function F(a,b,c){var d=a.charAt(0).toUpperCase()+a.substr(1),e=(a+" "+o.join(d+" ")+d).split(" ");return B(b,"string")||B(b,"undefined")?D(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),E(e,b,c))}var d="2.5.3",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={},r={},s={},t=[],u=t.slice,v,w=function(
View gist:b7a468c7d2514087d609285041eb8344
### Keybase proof
I hereby claim:
* I am srobbin on github.
* I am srobbin (https://keybase.io/srobbin) on keybase.
* I have a public key ASDcyTCB8mdVL-Jl1rVpKa5zKsUbZiZc9OWhf7cUdPCupwo
To claim this, I am signing this object:
@srobbin
srobbin / gist:3799775
Created Sep 28, 2012
Random Backstretch image
View gist:3799775
<script>
// Create an array of images that you'd like to use
var images = [
'image1.jpg'
, 'image2.jpg'
, 'image3.jpg'
];
// Get a random number between 0 and the number of images
var randomNumber = Math.floor( Math.random() * images.length );
@srobbin
srobbin / index.html
Created Mar 19, 2013
jQuery Plugin Workshop Adding in Options
View index.html
<h2>Antispam</h2>
<p>Email me at <span class="antispam">scott at-symbol robbin dot co</span></p>
@srobbin
srobbin / gist:1978737
Last active Mar 25, 2018
Backstretch Demo: Button Click
View gist:1978737
/*
* You can easily attach Backstretch to jQuery events, like click
*
* Click the buttons above to see the background image change
*/
$("#outside").click(function(e) {
e.preventDefault();
$.backstretch('images/outside.jpg');
});
@srobbin
srobbin / gist:1978678
Last active Mar 25, 2018
Backstretch Demo: Slideshow
View gist:1978678
/*
* Here is an example of how to use Backstretch as a slideshow.
* Just pass in an array of images, and optionally a duration and fade value.
*/
// Duration is the amount of time in between slides,
// and fade is value that determines how quickly the next image will fade in
$.backstretch([
"images/outside.jpg"
, "images/garfield-interior.jpg"
@srobbin
srobbin / gist:3668973
Last active Mar 25, 2018
On a block level element
View gist:3668973
/*
* If you'd like, you can attach Backstretch to any block-level element.
* For example, this demo.
*/
$("#demo").backstretch("images/garfield-interior.jpg");
@srobbin
srobbin / gist:1976643
Last active Mar 25, 2018
Backstretch Demo: Basic
View gist:1976643
/*
* At its core, Backstretch is a one-line plugin.
* Just pass in the path to an image, and you're done.
*/
$.backstretch("images/garfield-interior.jpg");
@srobbin
srobbin / gist:1980553
Created Mar 5, 2012
PageSlide Demo: Programmatically
View gist:1980553
<a href="javascript:$.pageslide({ direction: 'left', href:'_secondary.html' })">Link text</a>
You can’t perform that action at this time.