June 28, 2009 at 3:23 pm
· Filed under Other
Tags: bookmarklet, javascript, youtube
Permalink
June 27, 2009 at 1:10 pm
· Filed under Other
Tags: bookmarklet, espresso, flash, javascript, jquery, robots, robump
I made this this morning and am very pleased with myself.

RoBump Lives!
What is it? It’s a bookmarklet to have my favorite robot, RoBump, walk across your browser! Drag the link into your bookmark toolbar like I have to enjoy it wherever you are on the internet!
Notes:
- It’s animated using the jQuery JavaScript library; props to Ben Alman for his jQ bookmarklet loader.
- It doesn’t install anything on your browser or computer and can be called from any place on the internet.
- Made to time best with a browser 1440px wide; may walk funny in windows sized differently.
- Reminds me of those emails people used to FWD me in junior high. (”Send this to 10 other people and a unicorn will dance on your screen! I DID IT IT WORKED!!”)
Lastly, this post marks my 100th post to this site, so I guess I’m, like, officially a blogger now. Or something.
Permalink
June 24, 2009 at 9:20 am
· Filed under Web Design
Tags: ajax, css, dev notes, espresso, jquery, php
As I develop a site or app, I tend to keep notes on what I’m doing and what I need to do next hardcoded into it somewhere. When I complete a task or think of a new one, I manually change the HTML to reflect it.
But wouldn’t it be better if those notes were kept in a form with a “Save” button so if I had some sudden inspiration I could write it down without having to dredge through the code or even open up my FTP client?
Yes! Yes, that would be better slightly!
Enter Dev Notes, a PHP-based, in-site, cross-page text form for development notes. It is free and open source. Use and modify it however you like!

View Example Page (Non-saving for security reasons)
Features:
- saves to normal, flat TXT files; no database required
- form saves with AJAX and doesn’t refresh page or interfere with your site/app when submitting
- hide and show the form by clicking “Dev Notes” at the top; visibilty status is saved and restored via cookie
- fixed positioning, stays with you as you scroll
- automatically converts non-alphanumeric characters (ie, saving “” to file doesn’t make your site explode)
- self-contained in its own little folder (28kb) with semantic, largely validating, easily modifiable code and CSS
Installation:
- upload the “devnotes” directory to the root of your site
- add
<?php include "devnotes/devnotes.php" ?> after the body tag of every page you’d like it on
Because this is really just meant for developers, if you’re going to add it to public pages, you’ll want to hide it from visitors who oughtn’t be seeing it. Keep that in mind!
Also, this uses Google’s AJAX Libraries API to import jQuery. If you’d rather it use your site’s version, you’ll have to modify “devnotes.php.”
Download:
Credit:
Dev Notes is written in PHP (which will obviously need to be installed on your server) and the jQuery, with help from Klaus Hartl’s jQ Cookie plugin.
All right, if you use it and like it, let me hear in the comments, and if you have any strong critiques or opinions, I’m all ears for those too!
Permalink
June 14, 2009 at 12:59 pm
· Filed under Animation
Tags: after effects, something else
I posted this on the Something Else forums long ago and forgot about it…

Also, this marks the first time I’ve ever posted two things on the same day, rather than just waiting till the next day to post the next thing. This was too awesome for that.
Also, also, this blog has been around for over two years. Crazy.
Also, also, also, hi!
Permalink
June 14, 2009 at 11:19 am
· Filed under Web Design
Tags: css, espresso, new movement theater, photoshop, php, wordpress, wordpress theme

The New Movement Theater is an improv and stand-up workshop venue in Austin, TX, run by Chris Trew and Tami Nelson.
This is actually the third incarnation of TNM’s site. The first was somebody else’s design and static code. The second was their design and my code, ported to WP. This one is my design and my code (but made to work with a logo made by Sarah Price).
Neat features in this custom WordPress theme:
- dual sidebars
- social networking and upcoming events widgets a la Studio8.net
- call to action widget powered by PlanetOzh’s Theme Toolkit
- PayPal registration/payment widget
- randomized header testimonials and footer ads, pulled from their respective categories
Yay!
Permalink