JavaScript, CSS, HTML Frameworks and Tools – my list
One of the challenges in the world of HTML/JavaScript/CSS app development is cobbling together your kitchen sink of frameworks, tools and other technologies. When you start looking around, it feels like there is an endless list of options, which is good and bad! Recently, I’ve been gathering a list of what’s popular these days and thought it might be useful for others to share. If you see anything obvious missing, please let me know. Thanks to the following for helping me put together this list: Ray Camden, Andy Trice, Philip Wilson, Christophe Coenraets, Piotr Walczyszyn, and James Brown.
In no particular order:
- Adobe Edge – HTML5/JS/CSS animation/interaction tool - http://labs.adobe.com/technologies/edge/
- Less Framework – CSS grid system/layout - http://lessframework.com/
- Less – alternative CSS syntax – supports OO-like syntax – referenced by Google at Google IO – used in many projects - http://lesscss.org/
- Saas – another alternative CSS syntax – similar to Less - http://sass-lang.com/
- Kendo UI Framework (mobile coming soon) - http://www.kendoui.com/
- Sencha - http://www.sencha.com/ - multiple products – including Sencha Touch, Charts, etc.
- JQuery UI - http://jqueryui.com/
- JQuery (core) - http://jquery.com/
- JQuery Mobile - http://jquerymobile.com/
- xui -minimalist JQuery-like framework - http://xuijs.com/
- zepto.js – minimalist JQuery-like framework - http://zeptojs.com/
- Backbone.js MVC framework for JavaScript - http://documentcloud.github.com/backbone/
- Underscore.js – Kitchen-sink utilities for JavaScript - http://documentcloud.github.com/underscore/
- Modernizr – JavaScript library to detect device features – very popular - http://modernizr.com/
- cubiq.org – home of iScroll, a very popular scroll/list lib - http://cubiq.org/
- appMobi – web-based dev with emulation, etc. Also has an HTML5-framework - http://www.appmobi.com/
- LeviRoutes - lightweight routes framework for hooking in to HTML5 history - https://github.com/PaulKinlan/leviroutes
- Mustache – “logic-less templates” – mentioned by Google presenters at Google IO - http://mustache.github.com/
- Midori – JavaScript framework – JQuery-like with some unique features - http://www.midorijs.com/
- Knockout.js – JavaScript UI framework – implements MVVM pattern – recommended by Greg’s brother – popular - http://knockoutjs.com/
- AngularJS – MVC framework, two-way data binding, JQuery-compatible - http://angularjs.org/
- JSFiddle – online tool for doing lint/tidy/debugging - http://jsfiddle.net/
- HighCharts – fantastic looking charts - http://www.highcharts.com/
- ZingCharts – HTML5/SVG/VML and Flash charts - http://www.zingchart.com/#welcome
- AMCharts – JavaScript/HTML5-based charts. They also offer Flash-based charts. - http://www.amcharts.com/javascript/
- HTML5 Boiler Plate – assist with cross-browser issues and other utils - http://html5boilerplate.com/
- Bootstrap, from Twitter - Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. http://twitter.github.com/bootstrap/
- Popcorn.js – HTML5/JS Media Framework - http://popcornjs.org/
- Three.js – JavaScript 3D engine - https://github.com/mrdoob/three.js and http://www.aerotwist.com/lab/getting-started-with-three-js/
- PhoneGap – http://phonegap.com
- PhoneGap Plugins - https://github.com/phonegap/phonegap-plugins
- Require.js – http://requirejs.org - RequireJS is a JavaScript file and module loader
- Brunch - http://brunch.io/ - A lightweight approach to building HTML5 applications with emphasis on elegance and simplicity.
I’m also collecting a list of great learning resources, especially videos from Google IO and other conferences. I’ll blog this list soon.
Also Jangaroo, which can compile your actionscript3 to javascript, has framework ui portion that uses extjs, and flash like apis for canvas graphics
http://www.jangaroo.net/home/
https://github.com/CoreMedia
Wish Adobe would support something like this to be able to translate/compile Flex code (mxml/as3) to html5/js/css/canvas/svg/jquery
(jquery instead of extjs since jquery is getting more popular and has a more permissive license than extjs)
http://ideas.adobe.com/ct/ct_a_view_idea.bix?c=975F47A1-B925-4456-89DB-3BEFB1DA7780&idea_id=3AAF1D0A-A4E2-41AB-B55C-A13942CD4E19
This way Flex developers don’t have to throw out all their code and start over for html5/js/css
Steve Reiner http://www.integratedsemantics.com blog: http://www.integratedsemantics.org
I would suggest these charts: http://www.amcharts.com/javascript/
Good one – just added to the list – thx!
haXe + jeash
write flash -> deploy html5/javascript
http://jeash.com/
Sproutcore, used by Apple, the awesome of sproutcore is bindings and datastore
http://www.sproutcore.com
How about GWT?
bwt. it plays nicely with phonegap
is there a flash player for the nokia 6680 and if there is were can i get it thanxs
@ Greg- another one for your list is Application Craft. It’s actually a lot more than a framework. It’s a complete IDE with UI and Code editing and incorporates both Phonegap and jQuerymobile. Bit like a cloud based Visual Basic for mobile and desktop apps. You should look at the Phonegap case study :
http://phonegap.com/case_study/phonegap-application-craft-pain-free-mobile-app-development/