Weblog of a Javascript Lover

So, I present to you the simple drop-down menu. The peculiarity of this menu is that these 20 lines of code and absence of various cumbersome mouse events within html code.

What you are about to experience 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 ? lets see what you think? Especially considering the fact that it is extremely light weight.

When feeds became popular, it worked to have one icon on your site to point your readers to your RSS or Atom feeds. As feeds are more prevalent in blogs and websites abroad, the presence of multiple feeds abound. I have a feed for my blog, the nerdlab, my bookmarks, my friend feed as well as my twitter updates. Thats a butt-ton of feeds. Create awesome feed menus with javascript with this tutorial.

Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu so it degrades gracefully without JavaScript and adds the following much-sought-after enhancements like hover support for IE6, Timed delay on mouseout, animation and much more.

This is a two part tutorial in which we will take you through creating the initial mockup in Photoshop, and creating a usable carousel that imitates the Mac OS X Leapard dock. This tutorial we will acquiant you well with creating a slick button, and using the shape tools. We want to deal with shape layers instead of pixel because of the non-destructive nature of shapes. Non-desctructive shapes means you can edit and scale without distortion.

Apples Mac OS X operating system is renowned for its fluid graphical effects. One impressive feature is the docks fish-eye effect, whereby icons expand and contract as the mouse moves over them. Achieving this effect in JavaScript is difficult, but the MacStyleDock function allows this feature to be implemented easily.

In this short tutorial I will go though the CSS and a little bit of Javascript that creates the Webber 2.0 Dock Menu. First things first though. I need to give credit where credit is due. I was browsing around the web and came across this site called whalesalad. His attempt was fairly good, however it didnt work in any browser other than FireFox. Well, to say the least, this was not very good as FireFox was only used by a mere 28 pc of the web population last time I checked. I thought to myslef

euDock is a new, cross Platform open source javascript emulation of a MacOsX dock bar.

Create a stylish javascript menu using the awesome Dojo library.

If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom. This CSS dock menu is perfect to add on to my iTheme. Here I will show you how to implement it to your web page.