JavaScript
JavaScript Inception
Note: The following whimsical post assumes that you have seen the movie Inception. If you haven’t yet, and you don’t want to run the risk of spoilers, then I’d encourage you to see the movie before reading any further.
jQuery Englightenment
History
Several years ago, I landed a job as a junior designer / front-end developer, working with and learning from Hugh Griffith and Cody Lindley, respectively. The former taught me how to have an eye for “big-D” design, beyond just the visuals, and the latter pushed me to write more modular, elegant code.
While we have all since moved on to other jobs, these guys instilled in me the desire and drive to constantly be self-teaching.
jQuery Desktop
jQuery Desktop: View Example | Repository + Download (136 KB)
Note: Special thanks to Adrian Rodriguez for the wallpaper image.
Life has finally slowed down a bit lately.
Keeping Digg Honest
For those of you who know me, you also know that I have a love / hate relationship with Digg. They seem to love linking to my content, and I generally don’t care for the negativity their readership brings both via comments on my site and Digg itself. In the past, I was simply deflecting all Digg traffic.
However, friends convinced me the embargo really just hurt end-users, by not allowing them to get at the content they were seeking. Fair enough.
jQuery iFrame Sizing
Note: Due to browser security limitations related to cross-site scripting, this solution works only for iframe page content called from the same domain.
iFrame: Example | Download (56 KB)
First off, let me say that frames are bad and should be avoided. That being said, if you must use frames then I suppose the iframe would be the least of all the evils.
jQuery Portlets
Note: This code is outdated. Instead I suggest you use jQuery UI.
Portlets: Example | Download (24 KB)
A bit of a friendly challenge was put to me by Chris Heilmann, a London based Yahoo developer and JavaScript guru / author.
JS Option Sort
Update: Instead of using this example, I would recommend using Cody Lindley’s solution instead. It derives from the same school of thought, but is a better overall implementation. Check it out: List/Sort Pattern for Everyone.
Option Sort: Example | Download (4 KB)
Recently I had need to present a few rapid prototypes of various ways to categorize data into one of two columns, as well as re-order items within the columns themselves.
Slideshow Alternative
Note: The following article is outdated. I recommend you check out my rotating images demo from the jQuery Cookbook.
Clone Fieldset
Clone-o-Matic: Example | Download
Recently, I had the need to be able to asynchronously duplicate portions of a form, arbitrarily based on what the user might want to do. The requirements were such that the script needed to be reusable multiple times per page.
Show / Hide Solution
Update: I no longer recommend using this solution. Instead, I would suggest the document.write() method as described by the article on QuirksMode.
This solution arose over a lunch at Jack in the Box with my former coworker, Cody Lindley. We pondered if it would be possible, and I decided to find out. The following has nothing to do with Ajax, so don’t bookmark it as such.
h3.