Save Images From Flickr

  So you want to steal images from Flickr? Flickr tries to protect it’s copyrighted images by disallowing the user to “right click” and download the image. However, in order to see the image in your browser, the image had to served from somewhere… Above you can see that the common user wouldn’t be able to save this image to

HTML5 and CSS3 Porthole

UPDATE: Here’s the finished version… Show an image behind another image on your site… By no means is this new, noteworthy or otherwise important. However, my solution was fairly simple, so it’s a good candidate for a tutorial. First off, here’s the demo (I know it doesn’t look good in safari/opera and probably won’t work at all in IE…but it

WiFly Shield Ruining Your Weekend?

It’s because, most likely…you’ve updated your arduino IDE to 1.0 and all of a sudden your scripts stop compiling. We’ll I have a fix… So it took me all day to realize this, track down all the libraries, restart everything and the rest of it but I have a process. Let’s say you’ve just updated to 1.0 and removed your

Blobify Yourself with Kinect and Bubble Boy Part 2

NOTE: If you’re looking for the older version please refer here. This script takes point cloud data from the kinect, marches over the points using a marching cubes algorithm and renders a polygonal mesh. As far as I’m aware, it was the first live 3D (actual) rendering done on a kinect. You’ll need… Open kinect. Toxiclibs, here. Installation… I wrote

Serving Correct Mimes with Node and Express

This weekend I was looking for a dynamic way to serve mime types with nodeJS using the Express framework.First we’ll set up our server to include a couple libraries and an external javascript file that we’ll write ourselves: require(__dirname + ‘/lib/helper.js’); var express = require(‘express’), url = require(‘url’); var app = express.createServer(); The process should be fairly straight forward, grab

Local Version Control

Of course, one should use Git for everything, but… If you do a lot of revisions and are constantly breaking something, I’ve got a simple albeit important trick. Memory on computers, cloud, even thumb drives is virtually limitless, with that in mind, we no longer worry about copying root folders. I like to make a container folder with the project

Pulling Circles Out of Videos with Canvas

I’ll keep this short. Canvas will render pixel data as fast as a video can play (up to certain dimension 640×380 or around there). What’s more, once you have that pixel data rendered to a canvas element you can manipulate things pixel by pixel on another canvas tag. It goes something like this: Play video and while it’s playing, listen

Flatten and Count Uniques in a Multidimensional Array

I know this is super easy for all you PHP nerds out there, but it’s these sorts of posts I enjoy the most. Super simple, short and easy to understand… Let’s say we have this: $example = array( array(“client1”, “client2”, “client3”), array(“client1”, “client2”, “client4”), array(“client4”, “client5”, “client6”) ); We have a multidimensional array of clients. We want to flatten the

Javascript Optimizations

When I need to optimize I go here: http://mudcu.be/journal/2011/11/bitwise-gems-and-other-optimizations/ http://codeutopia.net/blog/2009/04/30/optimizing-javascript-for-extreme-performance-and-low-memory-consumption/ That’s it for now, more links to come… Short and sweet.

Transparent Border with CSS

So Chris Coyier over at CSS-Tricks.com has an interesting method for creating transparent borders using border clip. I found this method to be a little unreliable in some browsers with some border widths. This is my version, it’s totally manual so if you don’t know what you’re doing with CSS this probably won’t help much. Basically, I’m setting a container