I've created a jQuery plugin that would convert a list of images into a photo gallery. It'll automatically scale everything within to fit so it is easy to cram into any leftover space or to enlarge for full glory.
I've also experimented with applying a vignette effect to the preview images. Absolute positioning a partially transparent .png over content is a great way to create basic lighting effects.
One challenge was progressive enhancement. With javascript turned off, it should still display the images half decently. I choose to add some CSS rules so that the images don't bleed over the rest of the page content. Hey, you set the parent container to specific dimensions and it should respect that.
For download and installation instructions, please visit the Pliable Photo Gallery demo.
The WASD keys would have been great for directional panning in this webapp project I'm working on. Problem is that they're already assigned to browser functions in Opera. Since I need to find replacement cluster of keys to assign to, I quickly scraped together a map of available keys to visually plan out the keyboard layout. It doesn't include most keys used in form widgets or key combinations.
Other than the apostrophe key, Firefox and IE assigned keys are a small subset of Opera's and they don't include letters or numbers. In other words, only Opera has taken all the choice assignments leaving few key options for webapps.
How will I proceed? I might try overriding assigned keys if the functionality is irrelevant for the webapp but I doubt that is a viable option most of the time. In the meantime though, I'm only going to emphasize mouse-based interactions but leave in unintuitive keyboard shortcuts for worst case scenarios.
