by Kenneth Bossard
"Using JQuery to hide an element, I created a dropdown within my portfolio that mimics the behavior of an iPod when a user clicks on a group of apps bundled together (pictured right)."
As my hand reached to scratch my head for the "element" and "portfolio" context files, I instead clicked the brilliantly placed link below the explanation:
CLICK HERE TO VIEW THE DEMO.
Good job.
I found Jon L. Hussey's JQuery tutorial to be a fascinating read. He keeps the viewer engaged through use of timely video and written instruction. His writing style is personable, allowing him to break complex concepts into readable form.
The demo, video, and pictorial prompts helped overcome a hurdle I had initially—grasping what the tutorial is about. It seems geared towards the many iPod users, a membership to which I do not belong. Jon's explanation of the tutorial's purpose was:"Using JQuery to hide an element, I created a dropdown within my portfolio that mimics the behavior of an iPod when a user clicks on a group of apps bundled together (pictured right)."
As my hand reached to scratch my head for the "element" and "portfolio" context files, I instead clicked the brilliantly placed link below the explanation:
CLICK HERE TO VIEW THE DEMO.
 |
| Video camera icon drops down to embedded video. |
Excellent! Jon was going to show me how to use JQuery to open a video as a drop down from a big, old, even-I-Can-understand icon, and start playing video onto an easily recognizable background, such as his iPod. His beautifully done video dropped down and began playing. Clearly, this was a technique valuable to users of many types of devices, not just the iPod crowd..
Thoughts raced to mind of an actor using the backdrop of the Emmy® Awards acceptance podium. An Emmy statue icon could drop down to a video of the actor's latest audition piece. A restaurant could use the technique to drop down to detailed video descriptions and user experiences for menu items. |
| The idea-triggering iPod drop down format. |
I viewed Jon's JQuery and appreciated his explanation of the purpose of each line of code. He went step-by-step through both the HTML and CSS needed to implement the effect.
The code, concept, and execution where well formulated and understandable to anyone with an intermediate knowledge web design. Good job.
Post a Comment