16+ Top JavaScript/Ajax Effects for Modern Web Design
Aug 06, 2008 by Mohsen
These days, I’m designing a new Wordpress theme for aComment. new logo, new design, more features and a better dress!The coding of the theme is nearly finished and just some minor details should be added.
Okay, this post is related to JavaScript and its friends!
Currently there are a lot of JS scripts available for web developers. But all of them are not handy in the modern web design. Nowadays, web designers use some special effects more and more in their projects because those effects give usability and practicality as well as elegance to their projects.
In this list, I’ve selected some of the most common in use JavaScript effects for modern web design.
1- Easiest Tooltip and Image Preview Using jQuery - A clean and easy to use jQuery tooltip & image preview script
2- jQuery idTabs - These days using tabs in Wordpress themes and websites is common. iTabs is a plugins for jQuery that makes adding tabs to a website really simple.
3- Coda-Slider - A jQuery plugins for tabs with sliding animation
4- prettyPhoto a jQuery lightbox clone - A very beautiful lightbox for images with next/previous buttons, caption and preload animation for both single images and galleries.
5- Glass Box - GlassBox is a compact Javascript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. With GlassBox you can build transparent border, colorful layouts and “Flash-like” effects. The GlassBox library ..
6- SimpleModal Dialog Box - it comes with 3 example, basic dialog box, contact form and confirm override.
7- CSS Text Gradient - “Text Gradient is a simple css trick that allows you to improve your site’s appearance by putting gradients on system font titles using nothing but css and a png image.”
8- Simple Javascript Accordions - is a very small JS accordion script which is really handy in today’s web projects.
9- Custom JavaScript Dialog Boxes - “The script currently offers four dialog styles: alerts, warnings, prompts and success. There is nothing to add to your page except references to the JavaScript and CSS if you choose not to incorporate them in your existing files.”
10- Dynamic JavaScript Form Validation - It’s clear:)
11- jQuery Lightbox Plugin (balupton edition) - another jQuery lightbox plugins with only 15KB size
12- AutoCompleter - This AutoCompleter script for MooTools provides the functionality for text suggestion and completion. It features different data-sources (local, JSON or XML), a variety of user interactions, custom formatting, multiple selection, animations and much more.
13- Top Floating message box using jQuery - This effect will be useful for advertising, hot news, etc
14- Easy AJAX inline text edit 2.0 - an easy to integrate inline text edit script. No JavaScript knowledge needed, just follow the five steps for integration.
15- Create site tours with Amberjack - Amberjack is a lightweight Open Source library, enabling webmasters to create cool site tours.
16- Accordion Menu script - It became really easy to make accordion menu using this script.
17- Create a Slick Tabbed Content Area using CSS & jQuery - Finally, this tutorial from NETTUTS demonstrates how to create a slick tabbed content area for your themes. You see tabbed content boxes in a lot of websites these days specially in Wordpress themes.
Popularity: 12% [?]
2:46 pm on August 6th, 2008
awesome list! was looking for a contact implementation - thanks!
2:49 pm on August 6th, 2008
Thanks for including SimpleModal!
5:47 pm on August 6th, 2008
Thanks for including “top floating message box using jquery” in the above list
7:49 pm on August 6th, 2008
Wow, this is a really great list you’ve put together. I’ve bookmarked this page!
7:53 pm on August 6th, 2008
relay Cool Thanks Buddy ..
1:55 am on August 7th, 2008
Its a very fantastic list.. You have done a Great work.. Its very use full to me. Thanks..
3:33 am on August 7th, 2008
Thanks for the AutoCompleter link - that will be handy!
4:30 am on August 7th, 2008
Thank you so much for this cool list. Great job putting this together!
4:40 am on August 7th, 2008
Thanks all for comments:)
6:00 am on August 7th, 2008
Thanks Mohsen, Great job for the others.
6:49 am on August 7th, 2008
Thanks for all these useful resources.
7:53 am on August 7th, 2008
these rock, highly recommended
8:10 am on August 7th, 2008
Really Useful List. Thanks a lot
8:11 am on August 7th, 2008
really useful article! love it when someone posts information such as this thanks
8:35 am on August 7th, 2008
Thanks for this, keep up the good work.
12:28 pm on August 7th, 2008
nice collection you have there. but i think 16 is just so small numbers.
5:01 pm on August 7th, 2008
thanks for this resources. You’ve done a great job and hence this really awesome article.
cheers
6:47 am on August 8th, 2008
Ive always looking for the tabbed content. Thanks. This would be really helpful, especially designing wordpress theme.
6:39 am on August 12th, 2008
eric martin Thank you!
9:12 am on August 25th, 2008
Thank you for all da things n dis site dat you have done !!!!