7 MooTools Plugins You Should Use on Every Website

Comments

1. Placehold

   Ok now at least 4 of these are essentials for new web design,

   Thanks for the list, extremely useful to have a list of these tools :)

   Regards

   Craig

2. Chris

   Nice stuff. Do you (or is there already) a way to easily do the smooth scrolling one with jQuery?

3. Luis Merino

   http://www.harkitek.com/contact is my latest and it uses. Autogrow, Slideshow, SmoothScroll and I’m implementing Tips on the next version. SqueezeBox is way cooler than Milkbox btw :)

4. David Walsh

   Chris: Unfortunately I do not, but it seems easy enough to do. I’ll look into it.

5. Wes

   I’m a squeezebox fan myself.

   I like FancyForm, but I hesitate to use it because I’m afraid conversion of forms will be reduced by not presenting the user with standard UI. Don’t get me wrong, its sexy, but I just think it might confuse some people.

6. Alexandre Rocha

   Great list David.
   ++ To SqueezBox. One plugin I love is Form Check;
   Keep up the good work :)

7. Wes

   Form Check is my preferred method of front end validation as well. It makes life simple.

8. Myfacefriends

   amazing collection thanks david!

9. Phaoloo

   Just thought only jQuery can do it well, but I know I was wrong now :D MooTools is also awesome. Thanks for sharing

10. Darkimmortal

    Because our objective is to replace every native interface element that our users are familiar with.

    Wait, what?

11. Media Contour

    Very useful tools, useful in almost any situation. The first few tools especially allow for a more professional, contemporary feel along with improved usability and appearance.

12. Alex

    let me show you my perspective:

    AutoGrow is a nice idea, but the UvumiTools Textarea Plugin goes deeper and does better!
    FancyForm does well with radio buttons and checkboxes. If you want more html tags customized, customformelements.net is for you!
    Milkbox is one of the nicest moo lightboxes out there, it can feel nicer though with some additional plug ins, let’s say, from the coders.me website.
    The Quickboxes seem very enjoyable to me, too bad I don’t have any project that requires them yet.
    SmoothScroll does beautiful work as a mootools more plug in.
    These Tips are the first reason I started visiting your blog, so I’ve no complaints about it, neither have you I hope :p
    As for the zebra tables, they remind me that OmniGrid from omnisdata.com website. Seems heavy like a tank, but it’s very light in size.

13. zack

    Thanks for the links.

    As I only have experience in jQuery,this is a great opportunity to explore MooTools while looking into these.

14. Brant

    Very useful tools that can be used in a variety of situations.

15. Neo

    Wow, I love it, thanks you for the links :x

16. Markus

    I wouldn’t use FancyForm. People are used to the standard controls on their OS. Websites should make use of them for a better user experience. This is the same reason Quickboxes doesn’t perform well in the wild. Nobody knows how it’s supposed to work and thus will stick to the traditional click everything pattern.

17. sokai

    Hi @all!

    I much like that Ajax stuff by myself. – But what do you do if a guests browser doesn’t use/has JS or JS is disabled?
    Are there any existing solutions on the web? (I don’t think it’s a long-run solution building two websits for my users/guests – w & w/o JS…)

    Thanks a lot!
    sofar|sokai

18. olivier

    AutoGrow is a nice idea, but the UvumiTools Textarea Plugin goes deeper and does better!

    Thank you sir, I’m flattered. But if you compare code sizes, this one is like one tenth of the uvumi one and it already does a great job (and the code looks smarter).

    I didn’t know about quickbox, I implemented my own version last week, using event delegation.

    About the milkbox and other lightboxes, I don’t know if they are “must have”, they kinda became cliché during the past two years (but I know, most of the time that’s just what the client wants)

19. nazcar

    oh great.. thanks for sharing.. i’ll be using these soon.. cheers!

20. Johannes

    Definitely one of the better lists around – thank you for sharing!

21. Matt - Design Liverpool

    Isn’t they a UI libary available? Might use these on a web site soon and ditch jQuery for a little bit, see how I get on when I get my hands dirty with this!

22. Alex

    MochaUI might be the thing you’re looking for Matt..

23. Cohen

    I actually wrote my own autogrow plugin but it suffered of the following problems (same goes for the one mentoined here, and also the one other sites use like facebook)

    Issue 1: when autowrapping a line the textarea doesn’t autogrow. just try it make the last line long enough so it autowraps.

    Issue 2: when copy-pasting multiple lines of text the textare does not grow.

    Issue 3: drag n drop text doesn’t autoresize.

    To my surprise the UvumiTools textarea plugin handles these quit well (except the last one) ! I didn’t know of this one, so great thanks to the commenter posting this one!

24. jamland

    pretty nice stuff!

25. Jeffrey Friend

    Milkbox is awesome. I’ll be putting that to good use…thanks for the heads up!

26. wahyu

    thanks for the information you provide, it is very useful
    http://tulisan-wahyu.web.id

27. Helmuts

    +1 for Milkbox – it is superb!

    Helmuts