Top 5 javascript frameworks
By Justin Silverton
5) Yahoo! User Interface Library
The Yahoo! User Interface (YUI) Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. The YUI Library also includes several core CSS resources. All components in the YUI Library have been released as open source under a BSD license and are free for all uses.
Features
Two different types of components are available: Utilities and controls. The YUI utilities simplify in-browser devolvement that relies on cross-browser DOM scripting, as do all web applications with DHTML and AJAX characteristics. The YUI Library Controls provide highly interactive visual design elements for your web pages. These elements are created and managed entirely on the client side and never require a page refresh.
utilities available:
- Animation: Create “cinematic effects” on your pages by animating the position, size, opacity or other characteristics of page elements. These effects can be used to reinforce the user’s understanding of changes happening on the page.
- Browser History Manager: Developers of rich internet applications want bookmarks to target not just pages but page states and they want the browser’s back button to operate meaningfully within their application’s screens. Browser History Manager provides bookmarking and back button control in rich internet applications.
- Connection Manager: This utility library helps manage XMLHttpRequest (commonly referred to as AJAX) transactions in a cross-browser fashion, including integrated support for form posts, error handling and callbacks. Connection Manager also supports file uploading.
- DataSource Utility: DataSource provides an interface for retrieving data from arrays, XHR services, and custom functions with integrated caching and Connection Manager support.
- Dom Collection:The DOM Utility is an umbrella object comprising a variety of convenience methods for common DOM-scripting tasks, including element positioning and CSS style management.
- Drag & Drop: Create draggable objects that can be picked up and dropped elsewhere on the page. You write code for the “interesting moments” that are triggered at each stage of the interaction (such as when a dragged object crosses over a target); the utility handles all the housekeeping and keeps things working smoothly in all supported browsers.
Controls available:
- AutoComplete: The AutoComplete Control allows you to streamline user interactions involving text-entry; the control provides suggestion lists and type-ahead functionality based on a variety of data-source formats and supports server-side data-sources via XMLHttpRequest.
- Button Control: The Button Control provides checkbox, radio button, submit and menu-button UI elements that are more impactful visually and more powerful programmatically than the browser’s built-in form widgets.
- Calendar: The Calendar Control is a graphical, dynamic control used for date selection.
- Container: The Container family of controls supports a variety of DHTML windowing patterns including Tooltip, Panel, Dialog and SimpleDialog. The Module and Overlay controls provide a platform for implementing additional, customized DHTML windowing patterns.
- DataTable Control: DataTable leverages the semantic markup of the HTML table and enhances it with sorting, column-resizing, inline editing of data fields, and more.
- Logger: The YUI Logger provides a quick and easy way to write log messages to an on-screen console, the FireBug extension for Firefox, or the Safari JavaScript console. Debug builds of YUI Library components are integrated with Logger to output messages for debugging implementations.
- Menu: Application-style fly-out menus require just a few lines of code with the Menu Control. Menus can be generated entirely in JavaScript or can be layered on top of semantic unordered lists.
Download and more information: here
4) Prototype
Prototype is a JavaScript Framework that aims to ease development of dynamic web applications.
Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.
Features
- Easily deploy ajax applications: Besides simple requests, this module also deals in a smart way with JavaScript code returned from a server and provides helper classes for polling.
- DOM extending: adds many convenience methods to elements returned by the $() function: for instance, you can write $(’comments’).addClassName(’active’).show() to get the element with the ID ‘comments’, add a class name to it and show it (if it was previously hidden).
- Utilizes JSON (JavaScript Object Notation): JSON is a light-weight and fast alternative to XML in Ajax requests
Download and more information here
3) Rico
Designed for building rich Internet applications.
Features
- Animation Effects: provides responsive animation for smooth effects and transitions that that can communicate change in richer ways than traditional web applications have explored before. Unlike most effects, Rico 2.0 animation can be interrupted, paused, resumed, or have other effects applied to it to enable responsive interaction that the user does not have to wait on
- Styling: Rico provides several cinematic effects as well as some simple visual style effects in a very simple interface.
- Drag And Drop: Desktop applications have long used drag and drop in their interfaces to simplify user interaction. Rico provides one of the simplest interfaces for enabling your web application to support drag and drop. Just register any HTML element or JavaScript object as a draggable and any other HTML element or JavaScript object as a drop zone and Rico handles the rest.
- AJAX Support: Rico provides a very simple interface for registering Ajax request handlers as well as HTML elements or JavaScript objects as Ajax response objects. Multiple elements and/or objects may be updated as the result of one Ajax request.
Download and more information here
2) Qooxdoo
qooxdoo is one of the most comprehensive and innovative Open Source multipurpose AJAX frameworks, dual-licensed under LGPL/EPL. It includes support for professional JavaScript development, a state-of-the-art GUI toolkit and high-level client-server communication.
Features
- Client detection: qooxdoo knows what browser is being used and makes this information available to you.
- Browser abstraction: qooxdoo includes a browser abstraction layer which tries to abstract all browser specifics to one common “standard”. This simplifies the real coding of countless objects by allowing you to focus on what you want and not “how to want it”. The browser abstraction layer comes with some basic functions often needed when creating real GUIs. For example, runtime styles or positions (in multiple relations: page, client and screen) of each element in your document.
- Advanced property implementation: qooxdoo supports “real” properties for objects. This means any class can define properties which the created instances should have. The addProperty handler also adds getter and setter functions. The only thing one needs to add - should you need it - is a modifier function.
- Event Management: qooxdoo comes with its own event interface. This includes event registration and deregistration functions.
Furthermore there is the possibility to call the target function in any object context. (The default is the object which defines the event listener.) The event system normalizes differences between the browsers, includes support for mousewheel, doubleclick and other fancy stuff. qooxdoo also comes with an advanced capture feature which allows you to capture all events when a user drags something around for example.
Download and more information here
1) Dojo
Dojo allows you to easily build dynamic capabilities into web pages and any other environment that supports JavaScript sanely. You can use the components that Dojo provides to make your web sites more usable, responsive, and functional. With Dojo you can build degradable user interfaces more easily, prototype interactive widgets quickly, and animate transitions. You can use the lower-level APIs and compatibility layers from Dojo to write portable JavaScript and simplify complex scripts. Dojo’s event system, I/O APIs, and generic language enhancement form the basis of a powerful programming environment. You can use the Dojo build tools to write command-line unit-tests for your JavaScript code. The Dojo build process helps you optimize your JavaScript for deployment by grouping sets of files together and reuse those groups through “profiles”.
Features
- Multiple Points Of Entry: A fundamental concept in the design of Dojo is “multiple points of entry”. This term means that Dojo should work very hard to make sure that users should be able to start using Dojo at the level they are most comfortable with.
- Interpreter Independence: Dojo tries very hard to ensure that it’s possible to support at least the very core of the system on as many JavaScript enabled platforms as possible. This will allow Dojo to serve as a “standard library” for JavaScript programmers as they move between client-side, server-side, and desktop programming environments.
- Unifies several codebases: builds on several contributed code bases (nWidgets, Burstlib, and f(m)).
Download and more information here
127 Comments so far
Leave a reply
Have you not tried ExJS? http://extjs.com/
Oh and I’d personally put Yahoo UI higher, 1st or 2nd.
Also, unless you are ignoring non open source stuff… what about Microsoft’s AJAX (Atlas)?
No jQuery? Cmon, it’s one of the best JS libraries around.
Great list.
submitted in queue @ tweako
( http://www.tweako.com )
I’m just curious if you considered mootools as one of these frameworks, or if it just fell below the top 5? I really like mootools mainly because of it’s really light weight (and the ability to build a js package of only the components you want straight from their website). I’ve been using YUI the past few months on a project made specifically for broadband clients. I wouldn’t recommend it for any normal production website because of it’s size.
I guess everyone has their favorites
I have to agree with Nate. jQuery is pretty amazing and extremely well documented.
It would be interesting to hear a bit about your ranking criteria and notes on the pros and cons of each library.
thanks,
nate
Why isn’t jQuery in the list? Rico is like so yesterday!
I’ve got some professional experience with dojo, and if it’s the best thing going then I’m afraid the other libraries must be worse to be rated below it… and that’s pretty bad from my personal experience.
I was suprised not see jQuery here as well. It has comparable features to the libraries you’ve mentioned, plus it’s lightweight and comes with abundance of plugins (and works with Ext now). Right now I’m preparing a presentation on JS libraries (for php developers at a local barcamp-thing) and your post is one of my resources for the comparison, it would be great if you could shed some light on your criteria, coz I’ve been pondering upon that all morning and I’m having trouble identifying the important issues for a webdev (im a designer by trade). Cheers.
“I’ve got some professional experience with dojo, and if it’s the best thing going then I’m afraid the other libraries must be worse to be rated below it… and that’s pretty bad from my personal experience.”
What issues did you hava with dojo? Im curious because I’ve used it a couple of times and found it to be a fairly complete framework.
What! jQuery is not in the top 5! There’s got to be a mistake. Seriously I’d like to hear why jQuery is not in here? It’d be interesting to know.
“What! jQuery is not in the top 5! There’s got to be a mistake. Seriously I’d like to hear why jQuery is not in here? It’d be interesting to know.”
it’s mostly because I don’t have much experience with it (it also seems like the main page for it is down: http://jquery.com/). Can you post some reasons why you think it is better than the frameworks listed?
jQuery is good because of its modular plug-in architecture making it small while providing flexibility by adding plug-ins. The main benefit of jQuery is that it sits along side of your site so you can easily make a site that can function without JavaScript but if the user has JS enabled the jQuery code would go into action and add the additional functionality. That and its CSS selector and XPath style queries for interacting with the DOM is invaluable. Should definitely be at the top of the list IMO…
Looks like they’re moving servers but you have to give jQuery a look, I didn’t see how incredible it was until I started to hose around with it.
Anyone heard of Junction? It’s a rails-style MVC javascript framework. If you want super-rich javascript applications, you might want to check it out.
http://trimpath.com/
Jupiter is using it for their scaffold application (online-web-development)
http://scaffold.jupiterit.com
No one has mentioned GWT.
Unless Dojo has made some very serious advancements in the past few months this list is highly suspect.
I have used several of these packages and my personal impressions are as follows:
Yahoo UI - bloated, overly complicated, slow.
Rico - nice for what it does, which isn’t much.
Prototype - well written, well supported, poorly documented (at least last I checked 4 months ago), works great & has a lot of supporters - would be my number 1 choice.
Dojo - overly ambitious, ugly code, verry buggy. Many of the sample apps I looked at on the Dojo site appeared to have been hard-coded to work properly.
I looked at jquery briefly and agree with all the comments about it - very well documented, very good code. I had already selected prototype for my last project or would have spent more time with it.
If you actually like to use javascript, this is more accurate.
1. Prototype
2. Scriptaculous
3. Mootools
4. jQuery
Dojo - Too huge and too exclusive.
The rest are just unnecessary considering we have all we need with prototype and scriptaculous, or the mootools library.
Another vote for jQuery, it’s simply beautiful.
Ya, totally dude!! Where’s jQuery? I thought it’s going to be number one
It’s the best thing that happened to JavaScript.
jQuery is the future. Prototype is past tense.
Rico’s a mess of files. I want one little rounded corner.. why do I need to add 5 javascripts to my application?
I would use Prototype if it weren’t for the shockingly poor documentation. So far jQuery has suited my tasks perfectly.
I would vote for mootools. (mootools.net) It’s focused on being light and modular. It does everything jQuery does, and more, if you need it to.
The beauty of it comes from the fact that you only send what you need to the user.
JQuery +1!!
I agree. I put jQuery on the top of my list. Simple to use and well documented.
[…] May 6, 2007 at 10:39 pm · Filed under Programming » Top 5 javascript frameworks� - Jaslabs: High performance php: in case you are shopping for a Javascript framework. […]
Without jQuery and Scriptaculos this list is never complete. Here is my list.
1. Dojo
2. Scriptaculos
3. jQuery
4. GWT and Y! UIL
5. Mootools
1-3 should definitely be Prototype, JQuery, and YUI (in some order that is entirely debatable).
Rico… come on.
You write a Top X list of javascript frameworks and then don’t even add to your review some of the most popular ones being used today (jquery, mootools)? How can any serious web programmer not have known about either of these, and if you did know about them, how could you just exclude them on the grounds that you haven’t used them enough?
Look, you can write whatever you want, but because you left two of the perhaps five most popular frameworks out there, it calls into question your credibility in ranking ANY framework.
[…] » Top 5 javascript frameworks? - Jaslabs: High performance php (tags: ajax design web) […]
I was definitely expecting to see:
- Mootools
- JQuery
- YUI
Other than prototype and dojo I’d never heard of the others…
I vote for mootools! It’s really lightweight and customizable.
jQuery should be number 1
[…] Top 5 javascript frameworks Filed under: Uncategorized — recar @ 4:50 am Top 5 javascript frameworks a list of the top 5 javascript frameworks and features.[programming] [technology] [news] […]
No Ajax?
Brian, GWT (http://code.google.com/webtoolkit) is pretty cool but it doesn’t have all the animation effects we all like. I think it’s coming though.
aprogger, I have to agree with you on both YUI, Rico and Dojo but I definitely think that both jQuery and MooTools are superior to Prototype/Script.aculo.us
There are a lot of reasons why I think jQuery is the superior framework. For instance it fully supports CSS1, CSS2, CSS3, and basic XPath. Tons of plugins. Chainable. You never have to write an ugly cross-browser hack when using jQuery. jQuery is
incredibly fast (probably THE fastest). Easy.
This is a good read: http://lucumr.pocoo.org/articles/why-jquery-is-the-answer
I would put it this way
(not necessarily in such order):
1) YUI
pros: namespaces, custom events support, module-based, has controls that can’t be found in other libraries
cons: speed issues
2) Prototype
pros: relatively fast and lightweight, has quite few third party extensions and provides a base for such libraries as Script.aculo.us and Rico
cons: see YUI pros
3) Dojo
pros: one of the best choices for large corporate applications, modular, extensive set of widgets, nice event model
cons: not the best choice for small apps as of its size and specificity
4) jQuery
pros: lightweight, unique coding style, well documented
cons:
5) mooTools
pros: the smallest library out there, very customizable, fast
cons:
[…] read more | digg story Explore posts in the same categories: Uncategorized […]
When it comes to completeness, I think YUI should be at the top, since its controls take care of issues such as not breaking the back button on AJAX calls etc, which the other listed frameworks don’t. But yes, I do agree, it’s heavy and bloated.
I’ve had plenty of experience with prototype, and I’m very happy with it. I’ll have to give JQuery a chance though, since I’ve heard lots of good things about it (not just in the comments in this post).
Btw, prototype is pretty well documented, check out the following sites:
http://prototypejs.org/api
http://www.sergiopereira.com/articles/prototype.js.html
For me all looks like in list. I don’t want write kilometers javascript code with jQuery or other lightweight tool. It’s good for site where you would like to add some ‘web 2.0′ features, but not for complex system.
We should view a directions where we will use library. Some tools are good for one things but not very appropriate for other.
It’s my opinion.
I’m missing SVG within the features mentioned
jquery++
[…] read more | digg story […]
You missed jquery you idiots! Thats like forgetting to mention Rock and roll in the history of music.
jQuery ftw!!!!
Rico and Qooxdoo !?
where are Mootools, ExtJS, jQuery, Scriptaculous(it wasn’t included in prototype section).
0. ExtJS
1. Prototype + Scriptaculous
2. jQuery
3. Mootools
4. YUI
5. Dojo
p.s. ExtJS have ports to protype, jquery, YUI so it out of range
+1 for JQuery!
The other main feature of JQuery is chainability.
The site seems to be working when I tried it.
I think Ajax is the best thing that happened to JavaScript actually
You wouldn’t have any of these libraries without it.
I do not agree with this top 5…
Where is JQuery???
it’s not easy to define a top 5, there are lots of frameworks to compare…
Another vote for JQuery. I personally favor @josh pope’s list in the comment above than the original list.
What about http://script.aculo.us/?
Umm, jquery supposed to be on the list (at least) instead of rico.
And protoype is not a complete framework if the other ones are the rivals of it.
define a complete framework!
29 of 46 comments so far have mentioned jQuery.
jQuery++;
Hehe… I love it when these lists forget to include jQuery and the fans come out and trample on it.
Seriously, Justin needs to give jQuery a shot. It’s an extremely, yet lightweight JavaScript library that changes the way you think about creating DHTML applications.
jQuery lacks a lot of features that other frameworks do have. It’s simply a selector+effects+some-XHR. It cannot be compared to full featured frameworks like the ones in the above list.
I personally enjoy mootools the best. Easy modular, broad range of techniques available.
[…] http://www.whenpenguinsattack.com/2007/04/24/top-5-javascript-frameworks/?articleid=890 […]
I don’t agree with Dojo being #1 at all. While its a good framwork it’s way too unstable and the documentation is next to nothing. The learning curve on using it is way too steep. There needs to be a lot of improvement done to make it more usable.
[…] » Top 5 javascript frameworks? - Jaslabs: High performance php (tags: www.whenpenguinsattack.com 2007 at_tecp Ajax framework webservices comparação javascript MVC prototype) […]
“You write a Top X list of javascript frameworks and then don’t even add to your review some of the most popular ones being used today (jquery, mootools)? How can any serious web programmer not have known about either of these, and if you did know about them, how could you just exclude them on the grounds that you haven’t used them enough?”
Why don’t you tell us why you feel these frameworks should be on the list. Also, personal attacks won’t get you very far. A “serious web programmer” might not use any of these framerworks.
“define a complete framework!”
No framework is ever really complete. All are a work in progress.
[…] » Top 5 javascript frameworks? - Jaslabs: High performance php (tags: design framework javascript webdesign ajax) […]
[…] » Top 5 javascript frameworks? - Jaslabs: High performance php (tags: javascript ajax framework) […]
I have to say that Prototype should include/mention scriptaculous… Also, I agree that dojo should be out, and ExtJS, allong with jQuery should be added in. Though extjs is an extension to YUI, jQuery, or scriptaculous… It does add in some of the disadvantages of jQuery, such as a namespaced organization. I like jQuery and Prototype a lot, they really simplify the code for client-side logic… .each() is my best friend, just about. I usually use prototype + extjs + Anthem.Net for my tools of choice, but jQuery has some nice features as well.. too bad jQuery conflicts with prototype.
huh…Backbase or spry?
It’s simply not a list of great import if jQuery is not on it. There obviously wasn’t enough research done. And it’s not a matter of my personal opinion (check just about every other comment). Rico? Oofah. The cool, but severely bloated and intricate Qooxdoo??
“It’s simply not a list of great import if jQuery is not on it. There obviously wasn’t enough research done.”
I checked JQuery out and frankly, I’m not that impressed. Everyone keeps mentioning it, but can’t seem to give any good, straight answers as to why it is better than the ones that I mentioned.
“And it’s not a matter of my personal opinion (check just about every other comment). Rico? Oofah. The cool, but severely bloated and intricate Qooxdoo??”
It is a matter of personal opinion (kind of like the original list). The people mentioning all of these other frameworks feel slighted somehow and you seem to have that same problem. You mention other frameworks with ??? and some nonsensical words..and can’t really explain why.
Ok, I think we are getting off track here. Personal insults don’t get us anywhere. Justin, I’m not trying to discredit or squash your list, I think it’s good actually. It definitely gets the discussions going and the battle heated. Don’t know if you missed my comment regarding why I think jQuery is good and deserves to be on the list, so here goes again:
* It fully supports CSS1, CSS2, CSS3, and basic XPath.
* Tons of plugins.
* Chainable.
* You never have to write an ugly cross-browser hack when using jQuery.
* jQuery is incredibly fast (probably THE fastest).
* Easy.
* Coupled with whatever plugins you want e.g. interface (or even just parts of it) you can do anything with very little code and still leave a small footprint.
mootools is lightweight, easy to understand and well documented. check out the mootorial (http://clientside.cnet.com/wiki/mootorial).
If someone wants to start a top 5 of javascript development tools, don’t forget firebug.
I’m using protype and for sure I just use 5% of its powerfull
[…] 英文原文：http://www.whenpenguinsattack.com/2007/04/24/top-5-javascript-frameworks/ […]
Therein lies one problem with JavaScript - too many frameworks. Each one has its strengths and weaknesses and I’ve heard of some development teams using two or three different libraries depending on needs.
Working without a framework is much worse. Pick your poison.
[…] mejor combinación posible entre Diseño WEB y Traumas Personales. Inicio 05.08.07Top5 javscript FrameworksPosteado en JS, MooTools, frameWorks a las 11:44 por RetroFOXSegún cuando los pingüinos atacan(http://www.whenpenguinsattack.com) los 5 mejores frameworks de javascript son los siguientes: […]
Dont forget that the size of Jquery is 20 KB, compare it with YUI or DOJO
This report seems to have been done without the necessary research. It’s just not possible to understand why jQuery is not here. It simply changes your life when writing JS. For the following reasons:
· Cross-browser and absolutey easy-to-use addevent and removeevent like functions, ready when the DOM is ready for the browser;
· The mightiest $() function that I know, that makes it possible to select whatever nodes from whatever point in the DOM.
· The chainability: code is so simple and easy to read! … BTW, can you really do $(’comments’).addClassName(’active’).show() with Prototype without the Dustin Diaz extension?
Upon that base, building plug-ins for all sorts of specific purposes (effects or whatever) turns out to be something joyful and straightforward. We already have quite a lot.
[…] If you’re new here, you may want to subscribe to my RSS feed. Thanks for visiting!My favorite Javascript framework is prototype but I found this great post detailing out the top 5 frameworks, well worth a read if you dont already have a favorite yourself. Top 5 Javascript Frameworks […]
jQuery is the best ,….plugins , Ajax , Dom manipulation , documentation , developers….
[…] Frameworks and Libraries It is pretty well known that there is no dearth of Javascript frameworks and libraries. The web is overflowing with them. Choosing the right on for your project is the important bit. But why use a framework at all you say? Javascript has its share of quirks and flaws. And inconsistent implementation and incompatible APIs by browsers doesn’t help either. The extensible nature of Javascript (you can modify built in objects via their prototypes) allows frameworks to provide richer built in objects and cross browser compatible methods. Most frameworks provide Ajax objects, which allow easy communication with the server. I’ve personally always used the prototype framework. Yahoo!’s YUI has a rich set of UI controls, and is a good choice if your site has heavy Javascript/Ajax UI work. jQuery, mootools and dojo all come highly recommended. Read through Justin’s Top 5 Javascript frameworks list to get a clearer view of the playing field. Although I disagree with his ranking, I found the comments to the post enlightening. […]
I didn’t understand why you have included Rico, it’s based on Prototype, and with mootools, you can do many more things than Rico.
And this is a “digg-me” article i think. There’s no real effort in it.
“didn’t understand why you have included Rico”
Because I feel it is a great framework.
“And this is a “digg-me” article i think. There’s no real effort in it.”
This post sounds like sour grapes to me. You may not agree with my list, but there is no need to attack the motivation behind the article.
I wrote this article thinking that it would help others to find some great javascript frameworks.
[…] Programming - Top 5 Javascript Frameworks The top five javascript frameworks (according to this author), with a brief summary of each ones features. […]
[…] kaynak […]
2 @ll attackers: Maybe it didn’t list complete javascript frameworks, but it started this discussion, where jQuery is mostly mentioned, so connected with this discussion it could give some relevant info.
[…] Sveiki, štai ir vėl sulaukėm savaitgalio skaitinių rubrikos, po šiokios tokios pertraukos. Šią savaitę buvo publikuotas NePo straipsnis Kompiuterių virusų istorija. Tikriausiai pastebėjot, jog Pixel.lt aktyvumas truputį sumažėjo, tačiau pavasaris sunkus metas, vieniems darbai, kitiems mokslai ir t.t. Linkime sau pasitempti. Šio savaitgalio skaitiniai: Getting Unicode, MySql, and Rails to Cooperate Perl, the first postmodern computer language Top 5 javascript frameworks Susiję straipsniai:Savaitgalio skaitiniai #24Savaitgalio skaitiniai #22Savaitgalio skaitiniai #21 […]
well, i use jquery.
i think it’s a good one for my site.
[…] kaynak […]
[…] Kaynak Bildirgec.org Filed under Açık kaynak. | var blogTool = “WordPress”; var blogURL = “http://blackdaemons.com/blog”; var blogTitle = “blackdaemons.com”; var postURL = “http://blackdaemons.com/blog/?p=40″; var postTitle = “en iyi 5 javascript kütüphanesi”; var commentAuthorFieldName = “author”; var commentAuthorLoggedIn = false; var commentFormID = “commentform”; var commentTextFieldName = “comment”; var commentButtonName = “submit”; […]
I agree jquery is the most helpful, supported, and intelligent and should be included.
You put something called “Rico” on this list and somehow miss probably the best library out there, jQuery? Are you serious?
“Are you serious? ”
Yes.
[…] Here are what I judge to be the Top 6 Digg Programming posts in last 30 days, for providing free training content and tutorials covering application development. The Standards Way to Do Dynamic Data Somewhere in between presenting static information graphics and complex, interactive data dashboards there’s a need for a way to visualize moderately dynamic data on the web. Oftentimes the solutions you see implemented are clunky, for example, manually creating multiple frames of various data points and uploading them by hand. More… Top 5 Javascript Frameworks A list of the top 5 javascript frameworks and features. More… The Javascript Programming Language “Excellent presentation and great insight on the history and basics. Douglas rocks, yahoo is real lucky to have him!” More… Learn to Ruby: 74 Quality RoR Resources and Tutorials As is the case with every language, learning Ruby on Rails from scratch can be quite a pain. We’ve compiled a list of the best Rails resources the Web has to offer, covering installation (both manual and automatic, plus web hosts), tutorials (beginner and advanced topics), books, blogs, forums, cheat sheets, code snippets and API documents. More… 8 Defensive Programming Best Practices to Prevent Breaking Your Sites This article describes some software development best practices that have been used to prevent problems that can break Web sites. More… Faster PHP Apps - Profile Your Code with Xdebug Using Xdebug and WinCacheGrind or KCacheGrind to profile PHP script execution. More…Technorati Tags: programming diggs, top programming diggsPopularity: unranked [?] Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages. […]
0) jQuery
[…] Top 5 javascript frameworks […]
[…] Find out more here… […]
(Also relevant: MochiKit, http://mochikit.com)
I think, the AJAX Latest Release by Microsoft is also best for AJAX Enable Sites.
[…] This article gives a good comparison of these frameworks. […]
[…] a list of the top 5 javascript frameworks and features.read more | digg story […]
[…] read more | digg story […]
And my 5 cents. The shame of this article is that there is no mention to other frameworks eventhough authors’ preference toward those 5.
What Dennis Kayser and Arturo May said is true. In my opinion jQuery is far most complete and simplest to learn framework. And the author forgot to mention that scriptacuolous extends prototype with lots of visual effects along with other utilities (draggables, droppables, sortables,etc).
And interface plugin is the same for jQuery. The list of additional features and additional plugins for jQuery is growing daily. Creating drag’n drop interface along with other UI features is really done with ease.
When I first started with js effects I obviously made a research of available options and after reading bunch of articles and testing them I started with prototype + scriptacuolus. I thought since DIGG is using this combination than must be the best thing.
Then after discovering jQuery I never looked back! I think jQuery is most comprehensive and lightweight…and what is most important is that is really really flexible. You can write your own capabilities (plugins)… the xpath and css selectors are great. as Dennis Kayser said you can easily reach whatever element in DOM you like.
I also support ajax with json and xml…
damn long comment
“And my 5 cents. The shame of this article is that there is no mention to other frameworks eventhough authors’ preference toward those 5.”
The reason I never mentioned other frameworks is because the article is about The top 5, not the rest. Most top X lists do not mention the other 100 items that did not make it to the list. Many users have filled this void by mentioning other frameworks.
[…] » Top 5 javascript frameworks […]
[…] Knowing that about jQuery which I personally like, and even without knowing that can lead you to choose between many other great frameworks. One good article that doesn’t even mention jQuery is available at JasLabs. […]
[…] » Top 5 javascript frameworks? - Jaslabs: High performance SoftwareTags: framework javascript ajax webdesign webdev […]
[…] Instead of relying on javascript frameworks and AJAX to perform the validations, calculations, and some other, common tasks, we could let Rails build the XForms-based forms for us and use AJAX to add some of the more uncommon elements like drag-n-drop, highlighting, etc. Again, all the pieces are already being built in the models and controllers, simply wrapping this up and creating the XForms form should be a rather simple task, and it has great potential to reduce the amount of coding and testing time. […]
[…] Top 5 Javascript Frameworks, como no está MooTools, aquí la web de la comunidad en español. […]
1- Mootools
2- JQuery
3- Extjs
4- Dojo (0.9 in any case)
5- Prototype
[…] mejor combinación posible entre Diseño WEB y Traumas Personales. Inicio 05.08.07Top5 javscript FrameworksPosteado en frameWorks, MooTools, JavaScript a las 11:44 por RetroFOXSegún cuando los pingüinosatacan (http://www.whenpenguinsattack.com) los 5 mejores frameworks de javascript son los siguientes: […]
jQuery is beautiful!
Please take a look at this:
http://geelake.com/usCalendar/
[…] Top 5 javascript frameworks posted by admin at 2:37 pm […]
I’m using jQuery on a big and complex site with lots of interaction. I think jQuery is a joy to use.
I’m not alone, because jQuery is very popular (http://tinyurl.com/2fvc3f).
And Justin still insists jQuery shouldn’t be in the top 5 list. Funny. (Or sad, actually).
[…] kaynak […]
Edwin,
I have actually been testing many other frameworks over the past couple of months and I do think that jquery is very nice (along with extJS and the zend framework). I should probably rewrite this list at some point.
[…] En este artículo mostramos las diferentes soluciones que han surgido para simplificar los desarrollos AJAX. Se trata de librerías normalmente OpenSource (Hasta ahora Microsoft Atlas y EXT no lo son, o sólo lo son en parte) que nos permiten tener una base sólida y validada a partir de la cual poder construir nuestras aplicaciones. Gran parte del presente artículo proviene del artículo de Justin Silverton (Top 5 JavaScript FrameWorks) el cual he traducido, comentado y completado para crear los 12 FrameWorks para JavaScript. El orden en el que aparecen no indica que unos sean mejor que otros, de hecho muchos de ellos son muy parecidos y tienen una madurez similar. Si me he olvidado de algun FrameWork o no he considerado todas sus bondades por favor dejar un comentario para que todos lo tengamos en cuenta. Tampoco he intentado que este post sea un manual de cada uno de los FameWorks, ya hay muchos y muy buenos, el objetivo de este post es tener un recopilatorio donde encontrar las características más importantes de cada uno de ellos. […]
Caralho tu é muito ruim não colocar o Jquery,Script.aculo.us,Mootools
Vai se fuder e eu pensando que ia achar alguma coisa boa!
[…] read more | digg story […]
extjs… magnifico!
ExtJS +1
ExtJS is easily the best… by a long way.
[…] read more | digg story […]
Personally I like Jquery the best, it’s small, takes 1 line of code to animate something, works great with ASP.net Ajax.
I mostly use it for updating my sites after an asp.net ajax webservice call, says deleting a row in a database via a webservice call and then hiding the row via jquery instead of refreshing anything on the page: (’#MyElement’).hide(); how do you beat that?
Hi,
“I usually use prototype + extjs + Anthem.Net for my tools of choice, but jQuery has some nice features as well.. too bad jQuery conflicts with prototype.”
Well, you CAN use both, Prototype and jQuery as you can read at the jQuery Docu.
You only have to call jQuery.noConflict(); after linking the .js files.
It disables jQuery’s $() function.
You even can give it another shortcut:
var $j = jQuery.noConflict();
-> jQuery Original
Ehm… to the Article,
I used Prototype and Script.icalo.us before and found it great until it produced heavy memory leaks in firefox.
This issue is known by their Team and should be solved with version 1.6.0 RC1 but it didn’t work for me.
Now, i’ve read through this article and it’s comments and decided to give jQuery a try, instead of mootools.
But then i looked at the samples in their documentation and had to find out that 90% of them don’t work with opera, and many of them fire errors in firefox’ firebug!
Could it be that the demos on the page are buggy or is it a ‘only at the moment bug’?
In other words, works this framework with opera too?
(The effects I looked at worked with script.icalo.us in both browsers (even IE))
its very strange to see that there is no place for dwr and jquery and also the scriptaculos.
i thing the list should be
1)dojo
2)prototype
3)gwt/Y!UIL
4)dwr
5)jQuery
Give DOMAssistant a try. It is lightweight yet powerful, and easily the fastest Javascript library out there.
http://www.domassistant.com/
moo tools needs to go on that list