-
Dec 01, 2009
In this tutorial we are going to create a pure jQuery & CSS twitter ticker which utilizes Twitter’s Search API. It will show your or your friends’ latest tweets, and will not require any server side code or databases. As a result, the ticker will be easily included into any web page and easily modified to your likings.
Filed under: Ajax, Animation and Effects, DOM Manipulation
-
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
-
Nov 25, 2009
Horizontal tabs with slide down sub menus
Cool horizontal sliding menu
Filed under: Animation and Effects, Navigation
-
Nov 02, 2009
Perfect sign in dropdown box likes Twitter
Twitter’s running a new homepage with clean and easy design. Look at the top right of Twitter’s homepage, you’ll see the sign in button which will drop down the login form. Today, I will make an entry to show you how to create a login drop down with Twitter style using jQuery. It’s really easy, it’ll help you save the space of your webpage and make visitors feel comfortable by the awesome toggle login form. This entry will explain how it works step by step and it’s good for learning jQuery how to do the toggle and tooltips.
Filed under: Animation and Effects, DOM Manipulation, Forms, Navigation
-
Oct 29, 2009
Disappearing "Scroll to top" link with jQuery and CSS
Seen in many forms, such as “Back to top”, “Top of page” or “Scroll to top”, these links provide a way for users to jump to the top of the page, back to navigation and other handy stuff.
This tutorial will help you build a scroll to top link, or whatever you call it, that appears when the user scrolls down, and disappears when users reach the top of the page using a combination of CSS and jQuery
Filed under: Animation and Effects, DOM Manipulation, Navigation, Utilities
-
Sep 21, 2009
Make Your Header Respond To Mouse Movements with jParallax
A tute to show you how to make a beautiful header that responds to mouse movements using the jParallax plugin.
Filed under: Animation and Effects, Background
-
Sep 17, 2009
Portfolio Layout Idea Using jQuery
Build a portfolio with a similar effect to Thunderfuel’s website
Filed under: Animation and Effects, DOM Manipulation, Navigation, Slider, UI
-
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
-
Sep 12, 2009
Thumbnail with Zooming Image and Fading Caption
In this great tute from Queness you will learn how to make ordinary thumbnail to something more.
Filed under: Animation and Effects, DOM Manipulation, Navigation
-
Sep 03, 2009
Vertical Scroll Menu with jQuery
A great tute from Kevin at Queness to create an awesome, Flash-like, vertical srcolling menu using jQuery.
You have to check this out because the effect is brilliant!
Filed under: Animation and Effects, DOM Manipulation, Navigation
-
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
-
Jun 27, 2009
A good tutorial that helped me learn fading with jQuery. Check it out.
Filed under: Animation and Effects, Transitions
-
May 06, 2009
A cool content slider from Chris at CSS Tricks
Filed under: Animation and Effects, Carousel, DOM Manipulation, Slider
-
May 02, 2009
This tute will help you create a menu very similar to the one you’ve, no doubt, seen on nettuts or psdtuts
Filed under: Animation and Effects, DOM Manipulation, Navigation
-
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
-
Apr 22, 2009
Garage Door Style Menu (using Animated Background Images)
A very cool tute from Chris over at CSS-Tricks.
Filed under: Animation and Effects, DOM Manipulation, Navigation, Transitions
-
Apr 12, 2009
How to Make a Smooth Animated Menu with jQuery
Say no more..
Filed under: Animation and Effects, DOM Manipulation, Navigation
Animation and Effects:
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