Web Design Ledger » mootools

14 Easy to Implement Drop Down Menu Solutions

Henry — Wed, 19 Aug 2009 05:10:59 +0000

I believe the navigation of a website should always be simple. However, if a website has many pages and sub pages, the thought of navigation simplicity goes out the window. This is where drop down menus come into play. A good and well executed drop down menu can make navigating a large site easy for the user. While drop downs make site navigation easy, sometimes they can seem difficult to implement, but the solutions listed below are all a breeze to set up, especially since most of them are built on jQuery or MooTools.

Superfish

jQuery SuckerFish Style

Drop Down Tabs

Animated Drop Down Menu with jQuery

droppy

Simple Drop Down Menu for jQuery

Smooth Navigational Menu

jQuery Multi Level CSS Menu #1

Mega Drop-Down Menu with jQuery

UvumiTools Dropdown Menu

MooTools Drop Down Menu

MenuMatic

Simple CSS vertical menu Digg-like

JavaScript Dropdown Menu with Multi Levels

11 Excellent Solutions for Creating Tooltips

Henry — Tue, 10 Mar 2009 06:20:20 +0000

Tooltips in web design are becoming more and more commonplace. Even though I don’t think they are appropriate for every type of site, they can be a very useful addition when implemented correctly. If you are planning on using tooltips in your next project, the hardest part may be choosing the right solution.

Here are 11 excellent methos for creating tooltips using various solutions such as jQuery, MooTools, and CSS only.

Prototip 2

Easiest Tooltip and Image Preview Using jQuery

Simpletip

Coda Popup Bubbles

MooTools 1.2 Tooltips: Customize Your Tips

Duplicate the jQuery Homepage Tooltips Using MooTools

jQuery Ajax Tooltip

CSS Bubble Tooltips

Easy CSS Tooltip

CoolTips

ToolTip_MooTools

11 Ways to Enhance a User Interface with MooTools

Henry — Fri, 06 Feb 2009 07:16:49 +0000

When creating a User Interface, it’s important to make it engaging for the user not only from a visual standpoint, but also with interactivity. With so many JavaScript frameworks readily available, web designers and developers have many tools at their disposal to add slick effects to their UI’s.

Last week, I showed you what could be done with jQuery. Now let’s take a look at these 11 tutorials and see what kinds of things MooTools can do for a User Interface. If you are not familiar with MooTools, it is a popular JavaScript framework designed for the intermediate to advanced JavaScript developer.