"accounting.js is a tiny JavaScript library for number, money and currency formatting, with optional excel-style column rendering (to line up symbols and decimals). It's lightweight, fully localisable and has zero dependencies.
"
"DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. Key features:
Variable length pagination
On-the-fly filtering
Multi-column sorting with data type detection
Smart handling of column widths
Display data from almost any data source
DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc)
Scrolling options for table viewport
Fully internationalisable
jQuery UI ThemeRoller support
Rock solid - backed by a suite of 2800 unit tests
Wide variety of plug-ins inc. Editor, TableTools, FixedColumns and more
It's free!
State saving
Hidden columns
Dynamic creation of tables
Ajax auto loading of data
Custom DOM positioning
Single column filtering
Alternative pagination types
Non-destructive DOM interaction
Sorting column(s) highlighting
Advanced data source options
Commercial support available
Fully accessible for screenreaders / keyboard access
Sensible file size: 68K minified, 20K gzip'd
Extensive plug-in support
Sorting, type detection, API functions, pagination and filtering
Fully themeable by CSS
Solid documentation
130+ pre-built examples"
Master HTML5 with JavaScript and CSS3 with proficient HTML5 training from experienced trainers at Multisoft Systems. Complete assistance through mock tests, progress reports and in-depth analysis.
qooxdoo is a comprehensive and innovative Ajax application framework. Leveraging object-oriented JavaScript allows developers to build impressive cross-browser applications. No HTML, CSS nor DOM knowledge is needed.
It includes a platform-independent dev
"Introducing Titanium 1.0.
Download Titanium View a Demo
The Latest Titanium News
* Apply for early access to the Blackberry Beta,
coming soon ( press release | signup )
* Introducing Titanium Professional: premium support,
app analytics, and iPad/Blackberry beta access
* Give your apps The Native Advantage"
"Google Web Toolkit (GWT) is a development toolkit for building and optimizing complex browser-based applications. GWT is used by many products at Google, including Google Wave and Google AdWords. It's open source, completely free, and used by thousands of developers around the world. "
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.
According to Yahoo!'s Exceptional Performance Team, 40% to 60% of Yahoo!'s users have an empty cache experience and about 20% of all page views are done with an empty cache (see this article by Tenni Theurer on the YUIBlog for more information on browser cache usage). This fact outlines the importance of keeping web pages as lightweight as possible. Improving the engineering design of a page or a web application usually yields the biggest savings and that should always be a primary strategy. With the right design in place, there are many secondary strategies for improving performance such as minification of the code, HTTP compression, using CSS sprites, etc.
In terms of code minification, the most widely used tools to minify JavaScript code are Douglas Crockford's JSMIN, the Dojo compressor and Dean Edwards' Packer. Each of these tools, however, has drawbacks. JSMIN, for example, does not yield optimal savings (due to its simple algorithm, it must leave many line feed characters in the code in order not to introduce any new bugs).
The goal of JavaScript and CSS minification is always to preserve the operational qualities of the code while reducing its overall byte footprint (both in raw terms and after gzipping, as most JavaScript and CSS served from production web servers is gzipped as part of the HTTP protocol). The YUI Compressor is JavaScript minifier designed to be 100% safe and yield a higher compression ratio than most other tools. Tests on the YUI Library have shown savings of over 20% compared to JSMin (becoming 10% after HTTP compression). Starting with version 2.0, the YUI Compressor is also able to compress CSS files by using a port of Isaac Schlueter's regular-expression-based CSS minifier.
SmartGWT is easy to setup and I simply can't understand why they don't add a few lines into their Getting Started page. Yesterday I found obsolete SmartGWT setup tutorial - but it still works with only one thing missing. As someone mentioned in comments there, you need to add following code into your HTML (before script with your GWT module):
Besides this you only need one inherit in your GWT Module XML:
And of course - add smartgwt.jar on your classpath for GWT compiler. That's it - now you know how to setup SmartGWT project. (Of course I omitted the coding part, but there is a Showcase with examples.) That's the missing Getting Started. A few lines instead of many links mostly for Eclipse users - with some links not even related to SmartGWT at all.
EXT JS OVERVIEW
Ext JS is a cross-browser JavaScript library for building rich internet applications. Build rich, sustainable web applications faster than ever. It includes:
High performance, customizable UI widgets
Well designed and extensible Component model
An intuitive, easy to use API
Commercial and Open Source licenses available
BROWSER COMPATIBILITY
Ext JS supports all major web browsers including:
Internet Explorer 6+
FireFox 1.5+ (PC, Mac)
Safari 3+
Chrome 3+
Opera 9+ (PC, Mac)
My view of GWT is changing. When I wrote 5 GWT Anti-Patterns I saw it as the framework controlling my entire application. Now it's my glue.
GWT is a wonderful foundation holding together the different parts of your application. It can grow and expand to new technologies and uses we haven't thought of yet, but it can also hold us back. You can get stuck in GWT and never find your way out.
Each of these four anti-patterns addresses different ways to write code you wish you hadn't. The solutions are all about opening doors instead of closing them.
"jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets
A unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design. "
"PhoneGap is an open source development framework for building cross-platform mobile apps. Build apps in HTML and JavaScript and still take advantage of core features in iPhone/iPod touch, iPad, Google Android, Palm, Symbian and Blackberry SDKs. Learn More ›"
Welcome! In this tutorial, we're going to create a breakout clone that you can play in your browser, using javascript and the element.
In order to use this tutorial, you'll need to have a relatively recent version of Firefox, Safari, or Opera. You cannot use Internet Explorer, because Microsoft hss decided not to implement the element in it.
Before you read any further, click on the "run code" button on the left to play the game that we'll end up creating.
On every page, you'll be able to click the "run code" button to run the code we've developed so far. Every page besides this one has an editor in it containing the javascript code that will be run in the same box as the game as soon as you click the button. You can make changes to the code, and see the results instantly by clicking the "run code" button.
In order to make our lives easier, I've included the jQuery framework in every page, which extends javascript in your browser with some useful methods.
If you have any comments or questions, feel free to leave a comment on the "comments" tab.
\\nBesides this you only need one inherit in your GWT Module XML:\\n\\\nAnd of course - add smartgwt.jar on your classpath for GWT compiler. That\'s it - now you know how to setup SmartGWT project. (Of course I omitted the coding part, but there is a Showcase with examples.) That\'s the missing Getting Started. A few lines instead of many links mostly for Eclipse users - with some links not even related to SmartGWT at all.', 'tags':'smartgwt,gwt,ajax,ria,javascript,library',
'first_user_id':1101279, 'first_user_name':'hendyirawan', 'first_user_real_name':'Hendy Irawan', 'last_user_id':1101279, 'last_user_name':'hendyirawan', 'last_user_real_name':'Hendy Irawan',
'user_count':1, 'p_c_count':1, 'ann_count':0, 'i_c_count':0, 'page_comments':[],'annotations':[]}
var p_c = {'id':991583, 'group_id':41, 'link_id':42304521, 'g_l_id':'41-42304521', 'user_id':1101279, 'user_name':'hendyirawan', 'user_real_name':'Hendy Irawan', 'content':'SmartGWT is easy to setup and I simply can\'t understand why they don\'t add a few lines into their Getting Started page. Yesterday I found obsolete SmartGWT setup tutorial - but it still works with only one thing missing. As someone mentioned in comments there, you need to add following code into your HTML (before script with your GWT module):\\n\<script\>var isomorphicDir = \"module-name-change-it/sc/\";\</script\>\\nBesides this you only need one inherit in your GWT Module XML:\\n\<inherits name=\"com.smartgwt.SmartGwt\"/\>\\nAnd of course - add smartgwt.jar on your classpath for GWT compiler. That\'s it - now you know how to setup SmartGWT project. (Of course I omitted the coding part, but there is a Showcase with examples.) That\'s the missing Getting Started. A few lines instead of many links mostly for Eclipse users - with some links not even related to SmartGWT at all.'}
b.page_comments.push(p_c)
_items.push(b);
var b = {'item_id':1973288, 'obj_type':1, 'obj_id':35251610, 'index':14, 'checked':false,
'group_id':41, 'g_name':'Web2', 'link_id':35251610, 'g_l_id':'41-35251610', 'url':'http://www.sencha.com/products/js', 'title':'Sencha - Ext JS - Client-side JavaScript Framework', 'desc':'EXT JS OVERVIEW\\nExt JS is a cross-browser JavaScript library for building rich internet applications. Build rich, sustainable web applications faster than ever. It includes:\\n\\nHigh performance, customizable UI widgets\\nWell designed and extensible Component model\\nAn intuitive, easy to use API\\nCommercial and Open Source licenses available\\nBROWSER COMPATIBILITY\\nExt JS supports all major web browsers including:\\n\\nInternet Explorer 6+\\nFireFox 1.5+ (PC, Mac)\\nSafari 3+\\nChrome 3+\\nOpera 9+ (PC, Mac)', 'tags':'javascript,programming,extjs,client,development,framework,sencha,js,web2.0,library,ajax',
'first_user_id':1101279, 'first_user_name':'hendyirawan', 'first_user_real_name':'Hendy Irawan', 'last_user_id':1101279, 'last_user_name':'hendyirawan', 'last_user_real_name':'Hendy Irawan',
'user_count':1, 'p_c_count':1, 'ann_count':0, 'i_c_count':0, 'page_comments':[],'annotations':[]}
var p_c = {'id':986122, 'group_id':41, 'link_id':35251610, 'g_l_id':'41-35251610', 'user_id':1101279, 'user_name':'hendyirawan', 'user_real_name':'Hendy Irawan', 'content':'EXT JS OVERVIEW\\nExt JS is a cross-browser JavaScript library for building rich internet applications. Build rich, sustainable web applications faster than ever. It includes:\\n\\nHigh performance, customizable UI widgets\\nWell designed and extensible Component model\\nAn intuitive, easy to use API\\nCommercial and Open Source licenses available\\nBROWSER COMPATIBILITY\\nExt JS supports all major web browsers including:\\n\\nInternet Explorer 6+\\nFireFox 1.5+ (PC, Mac)\\nSafari 3+\\nChrome 3+\\nOpera 9+ (PC, Mac)'}
b.page_comments.push(p_c)
_items.push(b);
var b = {'item_id':1989366, 'obj_type':1, 'obj_id':42464619, 'index':15, 'checked':false,
'group_id':41, 'g_name':'Web2', 'link_id':42464619, 'g_l_id':'41-42464619', 'url':'http://christianmartel.blogspot.com/2010/09/4-more-gwt-anti-patterns.html', 'title':'TECH NEWS: 4 More GWT Anti-patterns', 'desc':'My view of GWT is changing. When I wrote 5 GWT Anti-Patterns I saw it as the framework controlling my entire application. Now it\'s my glue.\\n\\nGWT is a wonderful foundation holding together the different parts of your application. It can grow and expand to new technologies and uses we haven\'t thought of yet, but it can also hold us back. You can get stuck in GWT and never find your way out.\\n\\nEach of these four anti-patterns addresses different ways to write code you wish you hadn\'t. The solutions are all about opening doors instead of closing them.', 'tags':'gwt,anti,pattern,rest,ajax,library,php,web,development,programming,javascript',
'first_user_id':1101279, 'first_user_name':'hendyirawan', 'first_user_real_name':'Hendy Irawan', 'last_user_id':1101279, 'last_user_name':'hendyirawan', 'last_user_real_name':'Hendy Irawan',
'user_count':1, 'p_c_count':1, 'ann_count':0, 'i_c_count':0, 'page_comments':[],'annotations':[]}
var p_c = {'id':995164, 'group_id':41, 'link_id':42464619, 'g_l_id':'41-42464619', 'user_id':1101279, 'user_name':'hendyirawan', 'user_real_name':'Hendy Irawan', 'content':'My view of GWT is changing. When I wrote 5 GWT Anti-Patterns I saw it as the framework controlling my entire application. Now it\'s my glue.\\n\\nGWT is a wonderful foundation holding together the different parts of your application. It can grow and expand to new technologies and uses we haven\'t thought of yet, but it can also hold us back. You can get stuck in GWT and never find your way out.\\n\\nEach of these four anti-patterns addresses different ways to write code you wish you hadn\'t. The solutions are all about opening doors instead of closing them.'}
b.page_comments.push(p_c)
_items.push(b);
var b = {'item_id':2057580, 'obj_type':1, 'obj_id':38572123, 'index':16, 'checked':false,
'group_id':41, 'g_name':'Web2', 'link_id':38572123, 'g_l_id':'41-38572123', 'url':'http://jquerymobile.com', 'title':'jQuery Mobile | jQuery Mobile', 'desc':'\"jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets\\n\\nA unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design. \"', 'tags':'AJAX,framework,library,mobile,UI,WAP,web,XHTML,jquery,webdev,iphone,javascript,webdesign',
'first_user_id':1101279, 'first_user_name':'hendyirawan', 'first_user_real_name':'Hendy Irawan', 'last_user_id':1101279, 'last_user_name':'hendyirawan', 'last_user_real_name':'Hendy Irawan',
'user_count':1, 'p_c_count':1, 'ann_count':0, 'i_c_count':0, 'page_comments':[],'annotations':[]}
var p_c = {'id':1032467, 'group_id':41, 'link_id':38572123, 'g_l_id':'41-38572123', 'user_id':1101279, 'user_name':'hendyirawan', 'user_real_name':'Hendy Irawan', 'content':'\"jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets\\n\\nA unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design. \"'}
b.page_comments.push(p_c)
_items.push(b);
var b = {'item_id':2078207, 'obj_type':1, 'obj_id':4662, 'index':17, 'checked':false,
'group_id':41, 'g_name':'Web2', 'link_id':4662, 'g_l_id':'41-4662', 'url':'http://jquery.com', 'title':'jQuery: New Wave Javascript', 'desc':'not very useful. I prefer script.aculo.us + prototype', 'tags':'WebDev,programming,framework,javascript,ajax,web,development,jquery,library',
'first_user_id':1101279, 'first_user_name':'hendyirawan', 'first_user_real_name':'Hendy Irawan', 'last_user_id':1101279, 'last_user_name':'hendyirawan', 'last_user_real_name':'Hendy Irawan',
'user_count':1, 'p_c_count':1, 'ann_count':0, 'i_c_count':0, 'page_comments':[],'annotations':[]}
var p_c = {'id':1043675, 'group_id':41, 'link_id':4662, 'g_l_id':'41-4662', 'user_id':1101279, 'user_name':'hendyirawan', 'user_real_name':'Hendy Irawan', 'content':'not very useful. I prefer script.aculo.us + prototype'}
b.page_comments.push(p_c)
_items.push(b);
var b = {'item_id':2115968, 'obj_type':1, 'obj_id':9550496, 'index':18, 'checked':false,
'group_id':41, 'g_name':'Web2', 'link_id':9550496, 'g_l_id':'41-9550496', 'url':'http://www.phonegap.com', 'title':'PhoneGap', 'desc':'\"PhoneGap is an open source development framework for building cross-platform mobile apps. Build apps in HTML and JavaScript and still take advantage of core features in iPhone/iPod touch, iPad, Google Android, Palm, Symbian and Blackberry SDKs. Learn More ›\"', 'tags':'sdk,mobile,iphone,development,android,javascript,programming,phonegap,framework,application',
'first_user_id':1101279, 'first_user_name':'hendyirawan', 'first_user_real_name':'Hendy Irawan', 'last_user_id':1101279, 'last_user_name':'hendyirawan', 'last_user_real_name':'Hendy Irawan',
'user_count':1, 'p_c_count':1, 'ann_count':0, 'i_c_count':0, 'page_comments':[],'annotations':[]}
var p_c = {'id':1064248, 'group_id':41, 'link_id':9550496, 'g_l_id':'41-9550496', 'user_id':1101279, 'user_name':'hendyirawan', 'user_real_name':'Hendy Irawan', 'content':'\"PhoneGap is an open source development framework for building cross-platform mobile apps. Build apps in HTML and JavaScript and still take advantage of core features in iPhone/iPod touch, iPad, Google Android, Palm, Symbian and Blackberry SDKs. Learn More ›\"'}
b.page_comments.push(p_c)
_items.push(b);
var b = {'item_id':7142, 'obj_type':1, 'obj_id':9801831, 'index':19, 'checked':false,
'group_id':41, 'g_name':'Web2', 'link_id':9801831, 'g_l_id':'41-9801831', 'url':'http://billmill.org/static/canvastutorial', 'title':'Canvas Tutorial - Introduction', 'desc':'Welcome! In this tutorial, we\'re going to create a breakout clone that you can play in your browser, using javascript and the \