JavaScript, CSS, HTML Frameworks and Tools

Greg posted a very useful list of resources; 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.

via Gregs Ramblings.