-
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 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 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
-
Jul 08, 2009
15 jQuery Tutorials For More Interactive Navigation
Navigation is an essential component of a website. A good navigation system leads to a better user experience as user can find the information quickly and easily. Here are 15+ tutorials for creating interactive navigation for your website using the powerful JavaScript framework jQuery.
Filed under: Navigation
-
Jul 06, 2009
Sexy Drop Down Menu with jQuery & CSS
Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key — and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. In this tutorial I would like to go over how to create a sexy drop down menu that can also degrade gracefully.
Filed under: Navigation
-
Jun 23, 2009
“Outside the Box” Navigation with jQuery
Just about every website uses the regular navigation concepts we’re all used to. After awhile this can get pretty boring, especially for designers who thrive on creativity.
Filed under: DOM Manipulation, Navigation
-
May 18, 2009
Leopard Desktop with jQuery using jqDock
In this tutorial I’ll teach you how to use jQuery to create a completely coded Dashboard, just like Leopard! This can be handy in hiding a whole lot of gadgets or widgets you don’t have space for!
Filed under: DOM Manipulation, Drag 'n' Drop, Navigation
-
May 07, 2009
If you have ever seen the image menu javascript for mootools by phatfusion and liked what you saw well here is a Sliding Image Menu alternative I’ve come up with using the power of jQuery javascript.
Filed under: Accordian, DOM Manipulation, Navigation
-
May 05, 2009
How do you create a menu nav similar to Dragon Interactive’s? Here’s how
Filed under: Navigation
-
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 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 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 14, 2009
51+ Best of jQuery Tutorials and Examples
Noupe.com consistently delivers useful content, this time about our favourite javascript framework.
Filed under: Ajax, DOM Manipulation, Lightbox/Modal, Navigation, Tabs, Tooltip, Transitions
-
Apr 12, 2009
A quick tute that shows you how to fade/transition two images when hovered over; useful for navigation.
I suggest reading the comments to help give you a better understanding of the technique.
Filed under: DOM Manipulation, Navigation, Transitions
-
Creating a “Filterable” Portfolio with jQuery
Trevor Davis writes for nettuts+ to show us how to create this awesome effect.
Filed under: Ajax, DOM Manipulation, Navigation, Transitions, UI
-
How to Make a Smooth Animated Menu with jQuery
Say no more..
Filed under: Animation and Effects, DOM Manipulation, Navigation
Navigation:
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