11 Ways to Enhance a User Interface with MooTools
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.
FancyUpload
Facebook Sliders With Mootools and CSS
Mootools Content Slider With Intervals
Jazz Up Your Forms With MooTools Pt. 1
Using CSS and Mootools to simulate Flash horizontal navigation effect
Two CSS vertical menu with show/hide effects
How to Auto Caption Images Using MooTools
Elegant animated weekly timeline for websites
MooTools Gone Wild: Element Flashing
Add a Show/Hide Login Panel
Mootools Link Animation
Related Posts
Here's some other articles that you will definitely find useful.
14 Easy to Implement Drop Down Menu Solutions
15 Excellent jQuery Navigation Techniques and Solutions
18 Seriously Helpful Cheat Sheets for Easier Coding
11 Excellent Solutions for Creating Tooltips
14 Most Useful Web Design Cheat Sheets
22 comments
Umut Muhaddisoglu
February 6, 2009@Henry,
Very nice ones. Thanks.
It is also great to see there are more & more MooTools tutorials everyday.
Patternhead
February 6, 2009Nice list but it’s jquery all the way for me.
Niki Brown | The Design O'Blog
February 6, 2009It amazes me what javascript libraries allow you to do….and how EASY they make it!
Thanks Henry!
Webdesigner Depot
February 6, 2009The fancy upload is especially helpful since it keeps the user watching the upload rate while they upload their file, rather than clicking off to something else. Great list!
Chikezie Ejiasi
February 6, 2009I sold my soul to mootools.
Geno
February 6, 2009Thanks for sharing!
Timothy
February 6, 2009Nice list! I love all things MooTools.
I’ve been using MooTools for a while now (used to use prototype) and I think that a lot of jQuery followers do not realize that MooTools offers similar features. And this list only offers a glimpse of what you can do with MooTools.
Pliggs
February 6, 2009I love jQuery for reasons like ones in this post.
Nokadota
February 6, 2009I love the MooTools library, thanks for the excellent links.
walter
February 7, 2009I love jquery too. There are more documentation and examples
Casey L. Jones
February 10, 2009I love this effect from NETTuts: http://nettuts.com/tutorials/javascript-ajax/create-a-simple-powerful-product-highlighter-with-mootools/
I’m using it in a client’s site now to display her current novels.
Antonio Lupetti
February 12, 2009Thanks for the mention
Ben
February 14, 2009MooTools totally rocks!
Rahul
February 15, 2009Cool one. I always like the “woork” tutorials. Thanks for sharing this one.
Sebastian
February 17, 2009Hey Henry,
this collection is brilliant and until now I haven’t even considered using mootools, but now I’ll definitely give it a try! It will come in really handy, while I’m working on my first website!
Thank you very much – and enjoy your life
topher knowles
February 18, 2009this site just keeps getting better!
Csaba
July 8, 2009FancyUpload is my favorite. Very nice design and great functionality
Netfloat
July 10, 2009Unfortunately i’m a jQuery Lover :p
Avery
July 16, 2009MooTools totally rocks!
face finance
July 16, 2009Cool one. I always like the “woork” tutorials. Thanks for sharing this one.
Web Developer Bangladesh
October 14, 2009WOW!!!! Its amazing… thanks a lot…
Web Dizajn Bosna
December 12, 2010Great! Thx.
1 Trackback
[...] 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. [...]