Latest Entries
-
March 1st 2010
-
February 6th 2010
-
October 30th 2009
-
September 25th 2009
-
August 12th 2009
JavaScript
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. I recently finished grad school, finally obtaining an MDiv degree. To celebrate, my wife and I took our 8-month old son to visit my parents.
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
Update: 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. So, I have updated this little demo with improved expand / collapse toggle behavior. I have also made it so that each portlet can be dragged and dropped, ala Netvibes.
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
First off, let me say that I did not write this bit of JavaScript, and that full credit goes to Steven G. Chipman for his excellent Cross Fade Redux.
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.
DOM Gallery
DOM Gallery: View Demo | Download
In light of the recent announcement over Microsoft changing the way Flash works in Internet Explorer, I have been tinkering with a few ways to do my portfolio with JavaScript instead. I am not entirely certain I will use this, as I may just tough it out and see what becomes of using Flash via the object method.
Me, Elsewhere
icons via Komodo Media
Disclaimer
The thoughts and opinions expressed here are mine alone, and are not necessarily shared by any other living person.