-
Nov 27, 2009
Making an Interactive Picture with jQuery
In this tutorial I will be showing you how to piece together an interactive picture – aka an image that contains tooltips and popup boxes. This can be useful for showing off a particular aspect of a photo (ie items or people).
Filed under: Animation and Effects, DOM Manipulation, Media, Tooltip
-
Sep 14, 2009
Create an amazing music player using mouse gestures & hotkeys in jQuery
We will create an amazing music player coded in xHTML & jQuery that made use of mouse gestures and hotkeys. You can Click & Drag with mouse to interact with interface’s music player or use directional keys & spacebar instead of mouse.
Filed under: Animation and Effects, DOM Manipulation, Media
-
Aug 04, 2009
jQuery Sliding Boxes with custom captions
All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through.
Filed under: Animation and Effects, DOM Manipulation, Media, Navigation, Transitions, UI
-
Jul 27, 2009
Using jQuery to play Media Files
Ok, so there’s probably a million and one ways to play media on your website, whether its with XML and FLASH, or FLASH and JavaScript, or just FLASH, but I’m going to show you the most productive way (I guess you could say that) of playing a MP3..
Filed under: Media
-
Jul 03, 2009
Animate Image Filling Up Using jQuery
Filed under: DOM Manipulation, Media
-
Jun 26, 2009
A cool (almost 3D) effect to flip your images when clicked on.
Filed under: DOM Manipulation, Media, Slideshow
-
May 21, 2009
Use jQuery to "turn off the lights" while watching videos
Some videos on YouTube have a cool feature called “Turn the lights down”. Basically, when you turn lights down, the entire page darkens and let you watch video as if you are in the cinema. This tutorial will show you how to implement this simple effect.
Filed under: DOM Manipulation, Media
-
Apr 29, 2009
40 Exceptional jQuery Interface Techniques and Tutorials
In this article, Six Revisions explores the strengths of jQuery in letting web developers create impressive client-side-based user interface components. Whether you’re looking for a particular interface/interaction pattern built on Query (like module tabs or modal windows) or you simply want to learn the library by engaging in step-by-step tutorials – you should be able to find something here for you.
Filed under: Ajax, DOM Manipulation, Lightbox/Modal, Media, Navigation, Slider, Slideshow, Tabs, Tooltip, Transitions
-
Apr 26, 2009
Building a jQuery Image Scroller
In this tutorial Dan Wellman (for Nettuts) builds an image scroller, making use of jQuery’s excellent animation features and generally having some fun with code.
Filed under: Animation and Effects, Media, Slider
Media:
You should follow us on Twitter
You should subscribe to the feed
Categories
- Accordian (2)
- Aesthetics (6)
- Ajax (16)
- Animation and Effects (17)
- Background (2)
- Browser Tweaks (1)
- Carousel (4)
- Data (4)
- DOM Manipulation (49)
- Drag 'n' Drop (1)
- Forms (3)
- jQuery Extensions (1)
- Lightbox/Modal (7)
- Media (9)
- Preload (3)
- Shopping Cart ()
- Tabs (4)
- Text Replacement (1)
- Tips (6)
- Tooltip (6)
- Transitions (9)
- UI (8)
- Utilities (5)
- Validation (2)
Use these products, we do
Mac OS X Version 10.5.6 Snow Leopard
Windows 7 Ultimate
Moleskine Large Squared Notebook
Learning JQuery 1.3 
JQuery UI 1.6: The User Interface Library for JQuery 
JQuery Reference Guide 
jQuery in Action 
Pro JavaScript Techniques 
JavaScript: The Definitive Guide 
DOM Scripting: Web Design with JavaScript and the Document Object Model 
Bulletproof Ajax 
Bulletproof Web Design 
CSS Artistry: A Web Design Master Class 
Designing with Web Standards 
CSS Mastery: Advanced Web Standards Solutions 
HTML & XHTML: The Definitive Guide 
Follow jQuery Style on Twitter