Home arrow JavaScript arrow The Top JavaScript Libraries
JAVASCRIPT

The Top JavaScript Libraries


We recently published a list of some of the top JavaScript frameworks to help ease the development pain with your projects, but what about JavaScript libraries? They can greatly enhance your development experience as well, but with the variety of libraries that are available, it may be hard to distinguish which can help you the most. So, without any further delay, here is a list of the top JavaScript libraries to boost your development efforts.

Author Info:
By: wubayou
Rating: 4 stars4 stars4 stars4 stars4 stars / 8
August 30, 2011

print this article
SEARCH DEVARTICLES

We recently published a list of some of the top JavaScript frameworks to help ease the development pain with your projects, but what about JavaScript libraries? They can greatly enhance your development experience as well, but with the variety of libraries that are available, it may be hard to distinguish which can help you the most. So, without any further delay, here is a list of the top JavaScript libraries to boost your development efforts.

jQuery

If you are looking for an extremely popular JavaScript library that is used by some of the biggest names around, look no further than jQuery.  The library takes the dirty work out of things such as AJAX interactions, animating, event handling, and HTML document traversing to increase efficiency when it comes to web development.  With jQuery, you can rely on a library that’s compatible across the major browsers, CSS3 compliant, and very lightweight in nature.  Just how lightweight is it?  Try 31KB in size.  The fact that jQuery is widely used and has a strong presence is another plus to add to its feature set, as you can look forward to a huge community of its loyalists.

Notable companies that use jQuery include CBS, NBC, Google, Dell, Major League Baseball, Bank of America, Netflix, and WordPress, among others.

Link: http://jquery.com/

DHTMLX

DHTMLX is a JavaScript library that comes loaded with features to give you the ability to create user interfaces that are AJAX-based and compatible across browsers.  The amount of components packed into the DHTMLX suite is quite impressive, and each comes with its own unique functionalities to really boost the speed of your web application development. 

While DHTMLX has over 20 different components, let’s take a closer look at just a sampling of them.  The Grid/TreeGrid component offers support for particularly large datasets.  It’s flexible and easy to use thanks to its rich client-side API.  Smart rendering, paging support, in-cell editing, integrated filtering, and more are included with the Grid component.  The Layout component gives you the power to tweak the layout of web interface elements with ease.  It contains various predefined layouts, a rich script API, and allows you to collapse, expand, or resize your interface elements.  Another DHTMLX component worth mentioning is the Scheduler component.  Similar to Google Calendar and MS Outlook Calendar, Scheduler offers users a lightweight, fast scheduling solution with drag-and-drop functionality, multiple views, and much more.

When you look at what the three aforementioned components bring to the table, it’s easy to see how the DHTMLX JavaScript library can be a highly useful tool.

Link: http://dhtmlx.com/

YUI Library

YUI Library is written with JavaScript and CSS and is the result of a collaboration between Yahoo’s frontend engineers and several global contributors.  Built with JavaScript professionals in mind, the library offers a host of utilities and controls that help developers build web applications that are highly interactive through the use of AJAX, DHTML, DOM scripting, and more.

There are two versions of the library for you to choose from.  The first is YUI 2.  Introduced in 2006, this particular version is said to be one of the most used JavaScript and CSS libraries around, finding its way onto Yahoo and thousands of other sites.  It’s characterized by extensive documentation and a solid set of utilities and widgets.  YUI 3 builds upon the strengths of YUI 2.  It was introduced three years after its predecessor and redeveloped from top to bottom to offer additional power, security, and speed.  YUI 3 comes with a ton of widgets and utilities for an enhanced experience when it comes to developing web applications.  As for an example of where the library is used, look no further than Yahoo’s new home page.

Link: http://developer.yahoo.com/yui/

Moo.fx

If you are in the market for a JavaScript effects library that gives you the power to modify CSS properties of HTML elements, Moo.fx is just what the doctor ordered.  This open-source library was created to work with either the MooTools or Prototype JavaScript framework.  The library’s slogan is “size does matter,” and it backs it up at just 3KB.   Moo.fx’s modular nature allows you to create any effect you desire.  Modifying CSS properties, which include colors, is painless.  There are integrated checks to ensure that users won’t break effects with multiple clicks as well.  Once Moo.fx is up and running, you can look forward to less code and more speed.  The library is also compliant with standards and offers cross-browser compatibility.

Link: http://moofx.mad4milk.net/

Script.aculo.us

Script.aculo.us is a user interface JavaScript library that was created to work in conjunction with the Prototype framework.  The library is very simple to use and can really help developers enhance their web applications and websites with relative ease.  Script.aculo.us comes equipped with a wide range of features such as unit testing, an animation framework, AJAX controls, DOM utilities, and drag-and-drop functionality.  If Prototype is your JavaScript framework of choice and you want to amplify its power, Script.aculo.us is a great add-on.

Examples of companies that use Script.aculo.us include Apple, Gucci, CNN, Ruby on Rails, IKEA, and NASA.

Link: http://script.aculo.us/

MochaUI

MochaUI is another user interface JavaScript library that can be used in a variety of ways.  If you want to develop widgets, websites, web applications, web desktops, modal dialogs, or standalone windows with ease, MochaUI can help.  It’s built on the popular MooTools JavaScript framework, so if you are a MooTools user, MochaUI is a no-brainer.

Link: http://mochaui.org/

Raphael

Raphael is a JavaScript library that specializes in simplifying the task of drawing vector art.  The library is compact, simple to use, and stresses cross-browser compatibility.  Since it employs the SVG W3C recommendation and VML as its platform for graphics creation, Raphael allows you to attach or modify JavaScript event handlers.  This is possible because each graphical object you create with the library doubles as a DOM object.  A couple of examples of tasks you can execute via Raphael include developing your own image crop and rotate widget or making a specific chart.  It’s not the most complex or robust JavaScript library you’ll find, but Raphael is definitely useful in its own right.

Link: http://raphaeljs.com/

 


DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

All JavaScript Tutorials
More By wubayou


blog comments powered by Disqus
JAVASCRIPT ARTICLES

- Project Nashorn to Make Java, JavaScript Wor...
- JavaScript Virus Attacks Tumblr Blogs
- Google Releases Stable Dart Version, JavaScr...
- Khan Academy Unveils New JavaScript Learning...
- Accessing Nitro? There`s an App for That
- JQuery 2.0 Leaving Older IE Versions Behind
- Fastest JavaScript Engine Might Surprise You
- Microsoft Adjusting Chakra for IE 10
- Brendan Eich: We Don`t Need Google Native Cl...
- An Overview of JavaScript Statements
- An Overview of JavaScript Operators
- Overview of JavaScript Variables
- More of the Top jQuery Social Plugins
- The Top jQuery Social Plugins
- More of the Top jQuery Slider Plugins

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




© 2003-2014 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials