How to reach inside of an iframe with Javascript

I know this stuff is pretty basic, but as always, this post is more self serving than anything else. It’s a bookmark and a resource for my own benefit as well. So here it goes… Let’s say you have a wufoo form or iframe embedded on your page and you wish to add some events to it or control interactions

Kill Your Node Process

I started writing applescripts to automate some server setup processes. One drawback is that these processes don’t show up in terminal so its hard to kill them later on when you’ve stopped using the service. In this case I’m talking about running an apple script to start a node server. I’m gonna keep this short and to the point. If

Remember to call your webkit filters on the parent element

DEMO I’ve been playing with CSS3 transforms and filters lately, and wanted to point out a little  “gotcha” if you’re working with javascript based animations of these effects. I had a script that was placing “-webkit-filter” rules on individual elements, and realized it was really slowing things down. So I wrapped everything in a “<div>” tag and suddenly everything worked

Prometheus Clock with CSS3 Animations and HTML5 Background Video

DEMO I was inspired by the photo of some Prometheus technology and decided to spend the weekend building a prometheus style clock to test the animation capabilities of html5 and CSS3. There are 13 individual CSS3 animations on various timing loops including cubic-bezier and easing functions, one HTML5 video (for background &  ambiancé) and perspective changes (using css transformations). Most

CSS Animations and Keyframes

DEMO GITHUB One of our vendors (css + html5 magician named Mike Kellog) did this: http://www.google.com/campaigns/gonegoogle/ It’s impressive on it’s own, but the fact that it’s using nothing but html5 and css3 animations, makes it one of the coolest things I’ve seen on the web lately. I decided to give it a go… so I made this. I used the same

Chrome Canary Broke Google Search

I recently “upgraded” to canary. It’s super awesome, except that it broke my search bar… Frickin’ Chrome. So annoying to type and expect the omnibox to search google with chrome canary and then get a page I typed a similar search for in the past. I almost gave up… Fear not. “There’s a flag for that.” Simply type in your

Cross Domain True Type Font Files on Firefox

Firefox doesn’t want you linking to true type font files on a different domain than the page your on. There are security issues and copyright issues with doing so. To prevent this they detect if your true type font is cross domain and simple wont display it. To get around this you need to server your true type font files

Interactive Video with HTML5 Video and Canvas

Part of the key to making website experiences seem polished and exciting is adding animated interactive elements. People like to see things that move, that they can click on or drag around. Developers have yet to adopt a consistent amount of this functionality. Part of the reason is Flash has library to aid in the process of making these elements.

Injecting jQuery into your Firefox Extension

Took me all morning, but I finally figured out the syntax for including jQuery (local file) in your Firefox extension. The background is, I’m making a firefox extension for work and I need to be able to update the html on a page. Loading jQuery in an extension is normal just as simple as a another data include, but with

Particle System Starter Package

Visit the Github Project If you want a starter package for particle systems with Processing, here it is. I’ve been playing with particle systems (thanks RJ Duran) and found a need for a default particle system that I can modify. I’m sure if I searched hard enough, there’s something online that’s already out there, but whatever. This post is based