LavaLamp for jQuery lovers!
Hover above and feel for yourself, the nifty effect of Lava Lamp. What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash – Don’t you? Especially considering the fact that it is extremely light weight. Just so you know, it weighs just 700 bytes(minified)! Often I have noticed, that the credits are usually granted towards the end. As User Interface developers, we know that one of the first widgets our visitors use is a “Menu”. I hope you agree that a typical HTML widget consists of 3 distinct components. A semantically correct HTML markupA CSS to skin the markupAn unobstrusive javascript that gives it a purpose Now lets follow the above steps and implement the LavaLamp menu for your site. Step 1: The HTML Since most UI developers believe that an unordered list(ul) represents the correct semantic structure for a Menu/Navbar, we will start by writing just that. Bonus
http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/
Easy Paginate - styled demo
Click on the links below to navigate through items Template 01 Pretty cool template Template 02 Pretty cool template Template 03 Pretty cool template Template 04 Pretty cool template Template 05 Pretty cool template Template 06 Pretty cool template Template 07 Pretty cool template Template 08 Pretty cool template Template 09 Pretty cool template Template 10 Pretty cool template Previous1234Next
Sliding menu using jQuery
Time for round #2! This time we’ll be building a sleek menu using jquery and some styles. What’s beautiful about jquery is how you can change a few bits and you get an entirely new effect. Last time we built some rollovers and tooltips using jquery and this time we’ll be building our slide menu on top of the same code.
10 Excellent New Free Fonts
Here at WDL, we know how important it is for our readers to have as many good resources as possible in their design library. That’s why we do our best to gather what is new out there and deliver it to you. So today we have a new round of free fonts to give you plenty of typography options for your upcoming designs. Enjoy!
jQuery plugin: Easy Image Zoom
I have been working on a little script for a client of mine, that required product image magnification. The task was to create a script that will allow users to see large details of the product while moving cursor over medium sized image. During the process I decided to create a jQuery plugin and share it with you guys!
Creating a Fancy menu using CSS3 and jQuery
Fancy menu was made popular by devthought, it is develop on top of the Mootools library. And later a jQuery version of this menu called lavalamp was made popular by Ganesh. This time I will show you how to achieve the same effect using the CSS3 new features.
How to redirect your site to a mobile version through JavaScript « Sebastiano Armeli's Tech Blog
The user needs to be redirected to the mobile version of the site (home page) if it’s trying to access the site from a mobile device. UPDATE 25/07/2011 : Version 0.9.5 released with support for “tablet_url”, “keep_path” and “keep_query” properties. Ipad and other tablet devices have been excluded from the list of mobile devices by default. You can use “tablet_redirection” and “tablet_url” parameters for tablets.
Cloud Zoom Jquery
Copyright © 1999-2012 GoDaddy.com, LLC. All rights reserved. *One FREE .COM, .CO, .NET or .ORG with purchase of a new 12-, 24- or 36-month website builder plan.
HoverAccordion jQuery Plugin
A long while back, I created a small jQuery Plugin called "HoverAccordion" - basically your ordinary accordion, but with a twist: users don't have to click to open one item, they just move the mouse over it. In the touch era this seems out of date, and it is, but since the script appears in a number Accordion Halls of Fame (yes, those exist), I decided to include it here. Yet Another Accordion Script
Related:
