Difference between revisions of "JavaScriptFrameWorks"

From Lost In Wonderlands
Jump to: navigation, search
(→‎Create.js: Easel.js, Tween.js, Sound.js, Preload.js, tools)
(→‎Crosswalk)
Line 223: Line 223:
 
=== Crosswalk ===
 
=== Crosswalk ===
 
  * hydrid application development
 
  * hydrid application development
−
the crasswalk advantage is to provide a native bedrock for your web appliaction.
+
the crosswalk advantage is to provide a native bedrock for your web application.
−
it is proposing several javascript frameworks, but also come with a version of webkit engine to renger HTML page taht will bahave teh same on any platform on with you will port your application  : it ends the issue one may have support
+
it is proposing several javascript frameworks, but also come with a version of webkit engine to render HTML pages that will behave the same on any platforms on with you will port your application  : it ends the issue one may have supporting
−
several versions  
+
several versions of the application code
−
of several web browser  
+
for several web browser  
−
on several versions of system hosts
+
on several versions
 +
of several system hosts
  
 
''recommendation:  
 
''recommendation:  

Revision as of 14:53, 27 March 2017

JavaScript FrameWorks

by paul.plaquette, Senior Software Engineer, Trilda Open Source


next: 

More sorting  and classification among frameworks

See also


Focus

  • Frameworks Snippets 
* http://jsfiddle.net/enyojs/g7MLS/


General Purpose FrameWorks


* https://github.com/aurajs/aura#readme
* https://github.com/aurajs

* http://babylonjs.com/
* https://github.com/BabylonJS/Babylon.js
* http://learningbabylonjs.com/
* http://www.pixelcodr.com/aboutme.html

* https://github.com/creynders/dijon-framework
* http://creynders.wordpress.com/

 * https://github.com/flams/emily/wiki
 * https://github.com/flams/emily
 * Epitome, extensible and modular open source MVC  framework: http://dimitarchristoff.github.com/Epitome/



* 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

* Google Closure Library: https://developers.google.com/closure/library/
* Google Web Toolkit : https://developers.google.com/web-toolkit/

* Modernizr: http://modernizr.com/

* Pyjamas (python based): http://code.google.com/p/pyjamas/

* http://todomvc.com/
* https://github.com/addyosmani/todomvc

 * http://www.redline.st/
 * https://github.com/troopjs

http://babylonjs.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

Angular.js

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


Crosswalk

* hydrid application development

the crosswalk advantage is to provide a native bedrock for your web application. it is proposing several javascript frameworks, but also come with a version of webkit engine to render HTML pages that will behave the same on any platforms on with you will port your application  : it ends the issue one may have supporting several versions of the application code for several web browser on several versions of several system hosts

recommendation: keep the source code as archive , but also the tools chain for each version of crsswalk just in case Intel OTC stops to support this product Intel OTC is the only provider for Crosswalk , and might stops develop it anytime 

* https://en.wikipedia.org/wiki/Crosswalk_Project 

* https://crosswalk-project.org/
* for Android, https://crosswalk-project.org/documentation/android.html
* for Cordova, https://crosswalk-project.org/documentation/cordova.html
* for iOS, https://crosswalk-project.org/documentation/ios.html
* https://crosswalk-project.org/documentation/linux.html
* https://crosswalk-project.org/documentation/windows.html

* https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview
* https://software.intel.com/en-us/xdk/docs/why-use-crosswalk-for-android-builds

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/

React.js

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
Retrieved from "http://technoverse.free.fr/index.php?title=JavaScriptFrameWorks&oldid=466"