I just finished the first release of a new web app: SpriteHero. A CSS Sprite making tool built entirely in JavaScript and HTML.

Here's a link to my presentation, http://goo.gl/WTlj9. Source code will be posted here shortly. Or you can search to see some outdated code from DrupalCon SF and DesignCamp Boston.

Two of my topics were chosen for DrupalCon 2010 in San Francisco!

More details soon.

Here is the slides to follow along with today's presentation, Theme Ubercart: Make your store shine.

Here is the CSS snippet for CSS buttons.

.node-add-to-cart{
   display: block;
   cursor: pointer;
   cursor: hand;
   width: 150px;
   height: 50px;
   border: 0;
   color: transparent;
   text-indent: -9000em;
   overflow: hidden;
   background: url('../images/add_to_cart.png');
}

The customcart module is attached below.

I wrote this Adobe Air app to generate CSS sprites for myself. It's pretty simple to run, but keep in mind that it's the first build and probably NOT STABLE yet.

Here's a screencast with a quick demo: http://www.screencast.com/users/jrowny/folders/Jing/media/b7c04c80-8cd2-...

Sorry for the crazy resolution, I'll make a better video later.