Difference between revisions of "JavaScriptFrameWorks"
From Lost In Wonderlands
(Created page with "= JavaScript FrameWorks = ''by paul.plaquette, Senior Software Engineer, Trilda Open Source'' <<TableOfContents(3)>> '''''next:''''' ''More sorting and classification am...") |
(No difference)
|
Revision as of 01:31, 4 March 2016
Contents
- 1 JavaScript FrameWorks
- 1.1 See also
- 1.1.1 Focus
- 1.1.2 General Purpose FrameWorks
- 1.1.3 Anachy Project, Havok Game ENgine
- 1.1.4 Create.js: Easel.js, Tween.js, Sound.js, Preload.js, tools
- 1.1.5 DOJO
- 1.1.6 Enyo.js (Web OS)
- 1.1.7 jQuery (JS F A)
- 1.1.8 GWT
- 1.1.9 Prototype
- 1.1.10 Wijmo
- 1.1.11 Sencha Complete (Architect, Touch, Ext JS, GXT, Animator, io)
- 1.1.12 Screenshots
- 1.1.13 YUI
- 1.1.14 Data Modeling
- 1.1.15 CSS oriented
- 1.1.16 Internet explorer compatibility
- 1.1.17 Globalization - Localization
- 1.1.18 PDF in JavaScript
- 1.1.19 Drawing Frameworks
- 1.1.20 Animation Frameworks
- 1.1.21 Game FrameWorks
- 1.1.22 Physics Engine FrameWorks
- 1.1.23 Audio
- 1.1.24 Node.js Framework
- 1.1.25 Rhino
- 1.1.26 Other Frameworks
- 1.1.27 Samples
- 1.1 See also
JavaScript FrameWorks
by paul.plaquette, Senior Software Engineer, Trilda Open Source
<<TableOfContents(3)>>
next:
More sorting and classification among frameworks
See also
* HTML5 * JavaScript * CSS3 * Web Technologies Reference * Web APIs * Web Tools * Web Computing
Focus
* http://www.javascriptkit.com/ * http://www.javascript.com/ * http://javascript.internet.com/ * http://jquery.com/ * http://developer.yahoo.com/yui/ * http://www.prototypejs.org/ * http://dojotoolkit.org/ * http://thinkvitamin.com/category/code/javascript/ * Loading And Blocking JavaScript * http://dinosaurswithlaserz.com/2011/03/28/mobile-framework-throwdown/
* Frameworks Snippets * http://jsfiddle.net/enyojs/g7MLS/
General Purpose FrameWorks
* http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks * http://sixrevisions.com/javascript/promising_javascript_frameworks/ * http://savedelete.com/17-best-javascript-frameworks-you-must-know.html * http://www.instantshift.com/2010/01/25/30-useful-tutorial-for-javascript-framework-navigation/ * http://labs.adobe.com/technologies/spry/ * http://stackoverflow.com/questions/394601/which-javascript-framework-jquery-vs-dojo-vs
* Alice.js: http://blackberry.github.com/Alice/ * Agility.js MVC Lib for JavaScript to build browsers: http://agilityjs.com/ * Ample SDK (JS F A OS): http://www.amplesdk.com/ * Ample SDK (JS F A OS): http://www.amplesdk.com/examples/sandbox/ * Ample SDK (JS F A OS): http://en.wikipedia.org/wiki/Ample_SDK * Angular.js : http://angularjs.org/ * Archetype: http://fr.wikipedia.org/wiki/Archetype_JavaScript_Framework * Archetype: http://blog.archetypejs.org/ * Aura , requires backbone.js: * https://github.com/aurajs/aura#readme * https://github.com/aurajs * Boostrap From Twiter(JS, F, W, A) : http://twitter.github.com/bootstrap/ * Backbone.js: http://documentcloud.github.com/backbone/ * Batman.js, build beautiful web apps quickly: http://batmanjs.org/ * Capuccino.js : http://www.cappuccino-project.org/ * CAN.js, features testing,: http://canjs.us/ * Chapplin, web appliaction frameork on top of backbonze.js: http://chaplinjs.org/
* Cujo.js, architectural framework for applications: http://cujojs.github.com/ * Color.js, JS Color Library, http://matthewbj.github.com/Colors/ * Derby,MVC Framework, for Node.js and browsers: http://derbyjs.com/ * dermis, Dermis is a lightweight view lifecycle/routing system., needs RequireJS: https://github.com/wearefractal/dermis * Dijon-framework: * https://github.com/creynders/dijon-framework * http://creynders.wordpress.com/ * Dojo (JS F A OS): http://dojotoolkit.org/ * Dojo (JS F A OS): http://dojotoolkit.org/features/mobile * Dojo (JS F A OS): http://chrism.dojotoolkit.org/mobile-0.2/make_samples/dojo-samples/demos/mobile-gallery/demo.html * dhtmlx: http://dhtmlx.com/touch/ * dhtmlx: http://dhtmlx.com/ * dhtmlx: http://dhtmlx.com/docs/products/demoApps/index.shtml * duel, the 'V' in MVC, for both server and client side: https://bitbucket.org/mckamey/duel/wiki/Home * Echo: http://echo.nextapp.com/site/ * Ember.js, A framework to build ambitious web apps: http://emberjs.com/ * Emily JS modules to build scalable JavaScript appliactions : * https://github.com/flams/emily/wiki * https://github.com/flams/emily * Epitome, extensible and modular open source MVC framework: http://dimitarchristoff.github.com/Epitome/
* foundationdotjs : http://foundationdotjs.org/ * fleegis: http://js.fleegix.org/ * funnyfaces.js, JavaScript bindings lib: * http://weepy.github.com/o_O/ * http://weepy.github.com/o_O/examples/guide/index.html * http://weepy.github.com/o_O/examples/todos/index.html * http://weepy.github.com/o_O/examples/zoom/index.html * fusejs: http://fusejs.com/ * google: * Google Closure Library: https://developers.google.com/closure/library/ * Google Web Toolkit : https://developers.google.com/web-toolkit/ * Hammer.js, a JS multitouch Library, * http://eightmedia.github.com/hammer.js/ * https://github.com/eightmedia/hammer.js * Highlights.js, source source highlighting JS library, http://softwaremaniacs.org/soft/highlight/en/ * Hogan.js, JavaScript templating from Twitter, http://twitter.github.com/hogan.js/ * javascript_framework: http://dev.netvibes.com/doc/uwa/documentation/javascript_framework * Jo (JS Phone Gap F A OS) : http://joapp.com/
* Javascript MVC (JS F A): http://javascriptmvc.com/ * jsZip : http://stuk.github.com/jszip// * Kendo UI (JS F A): http://www.kendoui.com/?gclid=CKDl6Ze2gLMCFXHLtAodiRoACA * knockoutjs, MVC Model for JavaScript UI: http://knockoutjs.com/ * Knockback.js, brings knockout.js to Backbone.js , requires underscore.js: http://kmalakoff.github.com/knockback/ * Lawnchair: http://westcoastlogic.com/lawnchair/ * Maria: Gang of fourth MVC Model DesignPatterns * Meteor, a better way to build apps: http://meteor.com/ * Microjs: http://microjs.com/ * Midorijs: http://www.midorijs.com/ * M-Project: http://the-m-project.org/ * Modal Box: http://okonet.ru/projects/modalbox/index.html * Mochikit (JS F D halted): http://mochi.github.com/mochikit/ * Modernizr: * Modernizr: http://modernizr.com/ * yepnope.js: http://yepnopejs.com/ * Moo Tools (JS F A): http://mootools.net/ * Mojito (JS F : http://developer.yahoo.com/cocktails/mojito/ * Node.js : http://nodejs.org/ * nanoko.js: http://www.nanoko.org/?page=architecture * Olives, JavaScript MVC frameWork to build realtime UIs: * http://flams.github.com/emily/ * http://flams.github.com/olives/ * https://github.com/flams/olives * Plastron.js, MVC for closure lib and closure compiler: * http://rhysbrettbowen.github.com/PlastronJS/ * https://github.com/rhysbrettbowen/PlastronJS: * Pyjamas (python based): http://pyjs.org/ * Pyjamas (python based): http://code.google.com/p/pyjamas/ * Prototype: http://www.prototypejs.org/ * qooxdoo (JS F A): http://qooxdoo.org/ * <rAppid:js/>, the rich internet media JavaScript MVC Framework: http://www.rappidjs.com/#/home * Rialto: http://rialto.improve-technologies.com/wiki/rialto * Rialto: http://rialto.improve-technologies.com/rialto/ * Rico (JS F A): http://openrico.sourceforge.net/examples/index.html * sammyjs, a small web framework with class: http://sammyjs.org/ * sizzle: http://sizzlejs.com/ * scriptaculous: http://madrobby.github.com/scriptaculous/ * snackjs: http://davidwalsh.name/snackjs * smartclient (ajax) : http://www.smartclient.com/ * smoke.js, alerting framework: http://ssssnakes.com/smoke/ * spine.js, build awesome JavaScript MVC Applications: http://spinejs.com/ * sproutcore : http://www.sproutcore.com/ * Stapes.js, A (really) tiny JavaScript MVC microframework: http://hay.github.com/stapes/ * SWFobject: http://code.google.com/p/swfobject/ * Touch Code: http://touchcode.com/ * TodoMVC: * http://todomvc.com/ * https://github.com/addyosmani/todomvc * treesaverjs, a minimalist JavaScript Framework: http://treesaverjs.com/ * troopjs.com : * http://www.redline.st/ * https://github.com/troopjs * Unify: http://unify.github.com/unify/ * Underscore.js, utility functions(require processing.js): http://documentcloud.github.com/underscore/ * Web Font Loader: http://code.google.com/apis/webfonts/docs/webfont_loader.html * Wink Toolkit (JS F A) : http://www.winktoolkit.org/ * xuijs: htt://xuijs.com/ * YEOMAN, set of tools to built web apps: http://yeoman.io/ * YUI: http://developer.yahoo.com/yui/ * zeptojs: http://zeptojs.com/
* http://en.wikipedia.org/wiki/Objective-J * http://en.wikipedia.org/wiki/Cappuccino_(application_development_framework) * http://cappuccino.org/
Anachy Project, Havok Game ENgine
* http://www.projectanarchy.com/about
Create.js: Easel.js, Tween.js, Sound.js, Preload.js, tools
* Easel.js: http://www.createjs.com/#!/EaselJS * Tween.js: http://www.createjs.com/#!/TweenJS * Sound.js: http://www.createjs.com/#!/SoundJS * Preload.js: http://www.createjs.com/#!/PreloadJS * Tools: http://www.createjs.com/#!/Tools
DOJO
Enyo.js (Web OS)
* WebOS Enyo.js: * site: http://enyojs.com/ * github: https://github.com/enyojs/bootplate
jQuery (JS F A)
* http://jquery.com/ * http://jqueryui.com/ * http://jquerymobile.com/ * http://visualjquery.com/ * http://jplayer.org/ * http://www.learningjquery.com/ * fitvid.js, Fluid Video jQuery plugin: http://fitvidsjs.com/ * GMap, jQuery plugins, http://gmap.nurtext.de/
GWT
Prototype
Wijmo
* http://wijmo.com/
Sencha Complete (Architect, Touch, Ext JS, GXT, Animator, io)
* http://www.sencha.com/products/complete/ * Architect, Design, build: http://www.sencha.com/products/architect/ * Ext JS: http://www.sencha.com/products/extjs/ * touch: http://www.sencha.com/products/touch/ * using java: http://www.sencha.com/products/gxt/ * animations: http://www.sencha.com/products/animator/ * cloud: http://www.sencha.com/products/io/
Screenshots
* Google Screenshots: http://fluentconf.com/fluent2012/public/schedule/detail/24676 * http://html2canvas.hertzen.com/ * DOM-Panda: https://github.com/jankuca/dom-panda
YUI
Data Modeling
* Three.js: http://mrdoob.github.com/three.js/
CSS oriented
* http://lesscss.org/ * http://www.knacss.com/ * http://leaverou.github.com/prefixfree/# * http://960.gs/
Internet explorer compatibility
Framework that adds layers on IE (6/7/8) to add standards conformance (HTML5, CSS3, etc...) (this is interesting for making web sites)
* http://selectivizr.com/ * http://css3pie.com/ * http://www.google.com/chromeframe?prefersystemlevel=true * Modernizr: * Modernizr: http://modernizr.com/ * yepnope.js: http://yepnopejs.com/
Globalization - Localization
* Globalize.js * use in Tizen SDK 2.1 * used to be a JQuery Plugin * now a stand alone JavaScript Library * git : https://github.com/jquery/globalize * Articles * http://damianedwards.wordpress.com/2011/07/08/the-jquery-globalization-plugin-becomes-globalize/ * http://www.ibm.com/developerworks/library/os-jquerynewpart1/ * http://www.globalbydesign.com/2011/12/08/how-to-localize-date-formats-using-globalize-js/ * http://icanmakethiswork.blogspot.com/2012/05/globalizejs-number-and-date.html * http://icanmakethiswork.blogspot.com/2012/05/globalizejs-number-and-date.html
PDF in JavaScript
* Nitro PDF (comemrcial)http://legacy.nitropdf.com/help/pdf_javascript.htm?lang=en * Quick PDF Lib(commercial) : http://www.quickpdflibrary.com/help/quickpdf/JavaScript.php * Mozilla PDF.js : * https://github.com/mozilla/pdf.js * http://andreasgal.com/2011/06/15/pdf-js/ * jspdf: * http://code.google.com/p/jspdf/ * http://snapshotmedia.co.uk/blog/jspdf * https://github.com/MrRio/jsPDF * http://jspdf.com/
Drawing Frameworks
* http://raphaeljs.com/ * http://fabricjs.com/ * http://www.createjs.com/#!/EaselJS * http://paperjs.org/ * http://draw2d.org/draw2d/ * http://jsdraw2d.jsfiction.com/ * http://www.liquidx.net/canvasgraphjs/ * http://www.liquidx.net/plotkit/ * http://code.google.com/p/canviz/ * http://processing.org/ * http://processingjs.org/ * http://framework.zend.com/manual/1.12/en/zend.pdf.drawing.html * http://www.flotcharts.org/ * http://kineticjs.com/ * http://sourceforge.net/projects/html-canvas-lib/files/
Animation Frameworks
* http://processing.org/ * http://processingjs.org/ * http://kineticjs.com/
Game FrameWorks
* http://www.webresourcesdepot.com/free-javascript-game-frameworks-to-create-a-web-based-fun/ * http://en.wikipedia.org/wiki/List_of_game_engines * https://github.com/bebraw/jswiki/wiki/Game-Engines * https://developer.mozilla.org/en/Canvas_tutorial * http://cplus.about.com/od/cgames/C_Games_with_Source_Code.htm
* akihabara : http://www.kesiev.com/akihabara/ * Box2d : http://box2d-js.sourceforge.net/ * Osmose / bdge : https://github.com/Osmose/bdge * caat : http://labs.hyperandroid.com/animation * casualjs : http://code.google.com/p/casualjs/ * cocos2d : http://cocos2d-javascript.org/ * craftyjs : http://craftyjs.com/ http://craftyjs.tumblr.com/ * c3dl : http://www.c3dl.org/ * cssgameengine : https://sites.google.com/site/cssgameengine/ * Diggy : * https://github.com/lostdecade/diggy * Bombada, a game using diggy: http://playbombada.appspot.com/ * doodle-js : http://lamberta.org/doodle-js/ * easel : http://easeljs.com/ * effect engine : http://www.effectgames.com/effect/ * enchant.js : http://enchantjs.com/en/ * entityjs : http://entityjs.com/ * flax : http://flax.ie/category/flax-game-engine/ * frigame : https://bitbucket.org/bugnano/frigame/wiki/Home * gammajs : http://gammajs.org/ * gamequery : http://gamequeryjs.com/ * glge : http://www.glge.com/ * gogomakeplay : http://gogomakeplay.com/gmp * html5boilerplate : http://html5boilerplate.com/ * impactjs : http://impactjs.com/ * Javascript 2D Game Engine : http://www.lukewallin.co.uk/?go=engine * javaScript GameLib: http://www.sean.co.uk/a/webdesign/javascript_gamelib/javascript_gamelib.shtm * jawsjsD : http://jawsjs.com/ * http://www.effectgames.com/effect/games/crystalgalaxy/ * http://www.effectgames.com/games/absorb-hd/ * joapp : http://joapp.com/ * jsGameSoup: * http://jsgamesoup.net/ * jsGameSoup : http://www.jplayer.org/ * jsGameSoup : http://blog.frontendforce.com/2010/03/games-development-in-javascript-part-1-frameworks/ * jsGameSoup : http://mccormick.cx/projects/jsGameSoup/ * lightsoffapp : http://www.lightsoffapp.com/ * lightsoffapp :http://www.web-delicious.com/lights-off-a-puzzle-game-using-html5-canvas/ * Lime JS : http://www.limejs.com/ * mibbu : http://mibbu.eu/ * philogl : http://senchalabs.github.com/philogl/ * processingjs : http://processingjs.org/ * propulsionjs : http://www.propulsionjs.com/ * raphaeljs : http://raphaeljs.com/ * renderengine : https://github.com/bfattori/TheRenderEngine * renderengine : http://therenderengine.blogspot.com/ * rocketpack : http://rocketpack.fi/engine/ * RPG JS: http://rpgjs.com/ * smileycat physics engine : http://www.smileycat.com/miaow/archives/001964.php * soundmanager2 : http://www.schillmania.com/projects/soundmanager2/ * SpiderMonkey : https://developer.mozilla.org/en/SpiderMonkey * videojs: http://videojs.com/ * Web Apper, angry bird like game : http://www.webappers.com/2011/08/15/physics-engine-in-javascript-for-angry-birds-like-games/ * getxc : http://www.getxc.org/
Physics Engine FrameWorks
* http://drawlogic.com/2007/11/07/as3-foam-2d-physics-engine/ * http://en.wikipedia.org/wiki/Physics_engine * http://en.wikipedia.org/wiki/PAL_(software) * http://en.wikipedia.org/wiki/Newton_Game_Dynamics * http://blog.generalrelativity.org/about/ * http://www.adrianboeing.com/pal/index.html
Audio
* official labs: http://labs.official.fm/
* Audio.js : http://kolber.github.com/audiojs/ * Buzz: http://buzz.jaysalvat.com/ * JPlayer.org: http://www.jplayer.org/ * SoundJS (part of createjs see above): http://www.createjs.com/#!/SoundJS * SoundManager 2 : http://www.schillmania.com/projects/soundmanager2/ * Timbre.js : http://mohayonao.github.com/timbre/ * Thunder.js : http://joewlarson.com/blog/2011/10/16/introducing-thunder-js/
Aurora Framework
* Aurora.js : https://github.com/ofmlabs/aurora.js
Flac support * FLAC.js: https://github.com/ofmlabs/flac.js * jsmad: https://github.com/ofmlabs/jsmad
Apple Lossless decoder
* Alac.js : https://github.com/ofmlabs/alac.js
MP3 support: * https://github.com/devongovett/mp3.js
Node.js Framework
* PDFKit: * http://pdfkit.org/
Rhino
* Rhino is a Java implementation made and supported by Mozilla of a JavaScript interpretor * https://developer.mozilla.org/en-US/docs/Rhino
* Ringo.js, a JavaScript Framework for Rhino * ringo.js: http://ringojs.org/ * slides on Ringo.js: http://www.slideshare.net/olegp/ringojs
* Ringo versus Node.js * http://hns.github.com/2010/09/21/benchmark.html
Other Frameworks
http://documentcloud.github.com/backbone/ http://westcoastlogic.com/lawnchair/
http://www.khronos.org/collada/ https://collada.org/mediawiki/index.php/COLLADA_-_Digital_Asset_and_FX_Exchange_Schema
http://www.khronos.org/webgl/ http://www.khronos.org/webgl/wiki/Getting_a_WebGL_Implementation
Samples
* http://www.canvasdemos.com/ * http://web.appstorm.net/roundups/browsers/10-html5-games-paving-the-way/ * http://blogs.msdn.com/b/davrous/archive/2011/09/09/html5-platformer-the-complete-port-of-the-xna-game-to-lt-canvas-gt-with-easeljs.aspx * http://elearningexamples.com/examples/interactive-graphics/html-interactive-graphics/ * http://sixrevisions.com/web-development/html5-iphone-app/ * http://www.1stwebdesigner.com/freebies/examples-html5-javascript-uses/ * http://dev.opera.com/articles/view/3d-games-with-canvas-and-raycasting-part/ * http://www.dotmmo.com/html5-and-3d-browser-games-with-javascript-frameworks-4207.html * http://html5example.net/entry/html5-showcases/html5-game-collection * http://www.html5grind.com/2011/06/26/coming-soon-learning-html5-game-programming-book/ * http://www.hongkiat.com/blog/48-excellent-html5-demos/ * http://html5tutorial.net/examples/samples-using-the-html5-canvas-element.html * http://www.rgraph.net/ * https://github.com/jwill/html5-game-book * http://labs.adobe.com/technologies/edge/?sdid=JAPJW&skwcid=TC%7C23230%7CHTML5%20samples%7C%7CS%7Cb%7C8325937146 * http://www.1stwebdesigner.com/freebies/examples-html5-javascript-uses/ * http://www.dotmmo.com/html5-and-3d-browser-games-with-javascript-frameworks-4207.html * http://html5example.net/entry/html5-showcases/html5-game-collection * http://html5gameonline.com/ * http://html5example.net/entry/html5-showcases/12-fun-clever-examples-of-html5 * http://www.hongkiat.com/blog/48-excellent-html5-demos/ * https://github.com/jwill/html5-game-book * http://training.bocoup.com/
* http://www.scirra.com/construct2 * http://sourceforge.net/projects/clanfx/ * http://www.wonderlandblog.com/wonderland/2010/04/aves-an-html-javascript-game-engine.html * https://github.com/Osmose/bdge * http://code.google.com/p/casualjs/ * http://labs.hyperandroid.com/static/ibasket/template.html * http://labs.hyperandroid.com/mathmayhem * https://github.com/hyperandroid/CAAT-Samples.git * http://cplus.about.com/od/cgames/C_Games_with_Source_Code.htm * http://dev.opera.com/articles/view/creating-pseudo-3d-games-with-html-5-can-1/ * http://dev.opera.com/articles/tags/open%20web/ * http://www.effectgames.com/effect/ * http://www.def-logic.com/ * http://www.sean.co.uk/a/javascriptgames/index.shtm * http://www.lostdecadegames.com/page2/#posts