When trying to conceive ways in which space could be saved on a web page Andy Sellick decided a sliding menu would work well as shown in the images below. He decided to use mootools due to the smoothness of their effects, however, this could just as easily be developed in script.aculo.us or other JavaScript libraries.
You can easily customise the look of the sliding menu by CSS. However there may be some CSS issues in Safari but as yet he haven’t had the time to fully test and fix potential bugs. The next pitfall to note is the lack of degradability with JavaScript turned off, however, this will be fixed very soon.
Requirements: Javascript Enabled and Mootools Framework
Demo: http://www.andrewsellick.com/examples/sliding-side-bar/
License: License Free
- Brushes (11)
- Buttons (21)
- Color Schemes (21)
- Fonts (39)
- Forms (95)
- Icons (84)
- Patterns (24)
- PS Tutorials (9)
- Stock Photos (19)
- Tables (23)
- Announcement (70)
- Best Collections (4)
- Code (44)
- eCommerce (19)
- Framework (156)
- Hosting (12)
- Information (161)
- Inspiration (27)
- Legal Documents (8)
- Reviews (8)
- Security (13)
- Social (19)
- Sound (12)
- Stats (32)
- Tools (191)
- Webmail (13)
- BSD License (51)
- CC License (111)
- GPL License (189)
- LGPL License (37)
- License Free (584)
- MIT License (275)
Search Site
Open Source Resources for You
What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.
© Copyright 2010 WebAppers
Sponsored by NetDNA Content Delivery Network
Recommended Books for Web Developers
Looks good.
Nice…
But it jumps for me – could it be because I’m on Safari?
Not ideal for professional use.
@Brian: As stated in the post, there are some issues with the script in Safari, so that is most likely why you’re experiencing that “jump”.
As for the menu: it’s a nice concept, although having text such as “Click here to expand menu”, or something of the like, would be a good idea in order to ensure that users understand how to use it. I’m not sure if I’d like the idea of using it for a primary navigational area, but it could probably be used effectively for displaying a contact form, donate to us form, etc. I may end up using it for that very purpose sometime. Thanks for sharing.
looks good huh. fabulous!
Is there also any jQuery variation of this scripts?
RSS feed for comments on this post · TrackBack URI