Skip to content

Instantly share code, notes, and snippets.

View desandro's full-sized avatar

David DeSandro desandro

View GitHub Profile
/**
* Isotope v1.0.110325
* An exquisite jQuery plugin for magical layouts
* http://isotope.metafizzy.co
*
* Commercial use requires one-time license fee
* http://metafizzy.co/#licenses
*
* Copyright 2011 David DeSandro / Metafizzy
*/
@desandro
desandro / rsync.sh
Created June 7, 2011 15:01
basic rsync
# sync up
rsync -rav -e "ssh -l username" /local/path/ server.com:path/
# sync down
rsync -rav -e "ssh -l username" server.com:path/ /local/path/
@desandro
desandro / doit.js
Created June 28, 2011 02:10
Pretty Beautiful Javascript
(function(){
var pres = document.getElementsByTagName('pre');
if ( !pres.length || document.body.querySelectorAll('*').length !== 1 ) {
return;
}
// Copyright (C) 2006 Google Inc.
//
@desandro
desandro / halftone-cartesian.pde
Last active October 4, 2022 11:48
Half-ton halftones Processing sketch
// options
String imagePath = "img/desandro-avatar.jpg";
float res = 10; // resolution, dot density
float zoom = 3.0; // proportion to zoom image
boolean isAdditive = true; // true = RGB, false = CMY
float offsetAngle = 1; // affects dot pattern
/*
0 = no patter
0.05 = slight offset
1 = slight offset
@desandro
desandro / dabblet.css
Created December 16, 2011 15:04
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
img {
-webkit-transition: all .5s ease;
-webkit-filter: hue-rotate(0);
}
img:hover {
@desandro
desandro / dabblet.css
Created December 16, 2011 15:27
3D perspective inheritance
/* 3D perspective inheritance */
#container {
width: 320px;
height: 50px;
background: blue;
margin-top: 100px;
-webkit-perspective: 800;
-webkit-perspective-origin: 160px 240px;
}
@desandro
desandro / dabblet.css
Created January 12, 2012 16:50
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
ul {
border: 3px dotted;
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
@desandro
desandro / dabblet.css
Created January 16, 2012 19:27
acko.net 3D object scrolling
/**
* acko.net 3D object scrolling
* <3<3 Steven Wittens
*/
body {
font-family: sans-serif;
}
@desandro
desandro / dabblet.css
Created January 16, 2012 20:35
acko.net 3D object scrolling
/**
* acko.net 3D object scrolling
* <3<3 Steven Wittens
*/
body {
font-family: sans-serif;
}
@desandro
desandro / dabblet.css
Created January 17, 2012 17:03
Chrome 3D transform translateZ bug
/**
* Chrome 3D transform translateZ bug
*/
#env {
width: 200px;
height: 200px;
border: 2px solid;
-webkit-perspective: 1000;