Category Archives: javascript

iOS 4.2 Accelerometer support

With the latest iOS 4.2 upgrade, Apple added accelerometer support to mobile Safari. You can access this via the W3C DeviceOrientation API. This is a really great feature that creates a lot of potential for browser based apps. Apple is … Continue reading

Posted in javascript | Tagged: , , | Leave a comment, start the conversation!

MozOriention + jQuery rotation plugin = Accelerometer Fish!

In between sessions at jQuery Boston I wanted to make something fun using the new jQuery rotation extension and also the MozOrientation events. So, I hacked this together for fellow MacBook Pro Firefox users to play with: Accelerometer Fish. Go … Continue reading

Posted in funny, jQuery, javascript, silly | 2 Comments, join the conversation!

Canvas presentation

Here’s a presentation I put together about canvas. I’ll try to get some more detailed tutorials together sooner or later.

Posted in canvas, javascript | Tagged: , | Leave a comment, start the conversation!

Added projects to github

I just added a few projects to github. Here’s the rundown: jQuery Asset Loader – This class is based off an example from Steve Souder’s book Even Faster Websites. Essentially you can load a script OR a stylesheet with a … Continue reading

Posted in canvas, css, html5, jQuery, javascript | Tagged: , , | Leave a comment, start the conversation!

jQuery UI Position without jQuery UI

When you go download jQuery UI 1.8.2, you have the option to add the position plugin. If you haven’t heard of it, it’s new to jQuery UI and described as “A utility plugin for positioning elements relative to other elements”. … Continue reading

Posted in jQuery, javascript | Tagged: , , , , | Leave a comment, start the conversation!

Choosing the right jQuery easing function

When I animate elements in jQuery I often find myself looking for a little something more than the default “swing” and “linear” values. So to spice things up, I usually download this jQuery easing plugin. Once you include it in … Continue reading

Posted in javascript, workflow | Tagged: , , , , , | Leave a comment, start the conversation!

iPad Safari image limit workaround

I hit a mobile Safari limitation recently when building an AJAX-y site on the iPad. If you load a ton of images eventually mobile Safari cuts you off and will display a [?] instead of the image. After doing some … Continue reading

Posted in Mobile, canvas, html5, iPad, javascript | Tagged: , , , , , , , | 19 Comments, join the conversation!

JavaScript Fractal Tree

Here’s an example of a fractal tree using javascript and the canvas tag. I tossed this together a while back and finally polished it up. It’s based on a tutorial here. If you want to grab the JS and tinker … Continue reading

Posted in canvas, html5, javascript | Tagged: , , , , , | Leave a comment, start the conversation!

iPad and iPhone html5 video autoplay

This post is deprecated since this technique doesn’t work  anymore! But here’s a blog post by Matthew Congrove that get’s it working. I tested his technique with iOS4 and it looks good. I previously wrote a post mentioning how you … Continue reading

Posted in Mobile, html5, iPad, javascript, video tag | Tagged: , , , , , , , | 38 Comments, join the conversation!