Uncategorized

New Tools for Web and Mobile Application Development

I recently started investigating new tools available for mobile web development and I ran into a plethora of tools. From JS MVC frameworks to js templating engines, and css extensions. I thought it would be a good idea to share the list I’ve discovered so far. Please add a comment for any js library I’ve missed. Thx

JS Tools

Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions,views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
http://backbonejs.org/

Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects. It’s the tie to go along with jQuery’s tux, and Backbone.js’s suspenders.
http://underscorejs.org/

Thorax, An opinionated Backbone application framework providing a filesystem structure, on demand module loading, model and collection view binding, inheritable view and DOM events, data loading helpers, form serialization / population and validation. Built using Backbone,Underscore, Zepto, Handlebars, Stylus and Lumbar.
http://walmartlabs.github.com/thorax/

Sugar is a Javascript library that extends native objects with helpful methods. It is designed to be intuitive, unobtrusive, and let you do more with less code.
http://sugarjs.com

Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto.
http://zeptojs.com/

Scroll 4 is a complete rewrite of the original iScroll code. The script development began because mobile webkit (on iPhone, iPad, Android) does not provide a native way to scroll content inside a fixed width/height element. This unfortunate situation prevents any web-app to have a position:absolute header and/or footer and a scrolling central area for contents.
http://cubiq.org/iscroll-4

Lumbar is a js-build tool that takes a general codebase and list of platforms to generate modular platform specific applications.
http://walmartlabs.github.com/lumbar/

JS Templates

Mustache, Logic-less templates.
http://mustache.github.com/

Handlebars provides the power necessary to let you build semantic templates effectively with no frustration.
Mustache templates are compatible with Handlebars, so you can take a Mustache template, import it into Handlebars, and start taking advantage of the extra Handlebars features.
http://handlebarsjs.com/

CSS Extensions

Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins,selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.
http://sass-lang.com/

Stylus, Expressive, dynamic, robust CSS
http://learnboost.github.com/stylus/

LESS extends CSS with dynamic behavior such asvariables, mixins, operations and functions. LESS runs on both the client-side (Chrome, Safari, Firefox) and server-side, with Node.js and Rhino.
http://lesscss.org/

Standard

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s