Falk Mobile relaunch, the HTML5 way
Das schreiben die Entwickler der neuen mobilen Falk-Website 9elements über das Projekt:
When the German map manufacturer Falk approached us to relaunch their mobile website we knew that we wanted to do it completely web based. No native code should be used for this application.
The building blocks
The app is realized as a single-page web application using the popular JavaScript library Backbone.js with Handlebars.js for the templates. The map component was built with the powerful Bing Maps AJAX Control SDK.
The backend was created with our good old friend Ruby on Rails. 
Here are some stats:
Lines of code:
- 3838 CoffeeScript
- 4310 Javascript
- 727 Template code
Size:
The JavaScript code was uglified to 272.63 KB of pure awesomeness.
The project diary
Backbone.js is a nice framework to build a client side web application. But don’t let all the built-in simplicity and goodness fool you! With frontend and backend combined your stack consists of MVC for the backend and MVC for the frontend… – that’s a pretty high stack! – Luckily, leveraging CoffeeScript, the code stays clear, readable and maintainable.
Initially, we started with Zepto.js which is a lightweight jQuery replacement but due to some complex UI components we had to switch to jQuery-UI. The switch to jQuery was very smooth. Everything that worked with Zepto.js worked perfectly fine with jQuery.
The first 80% of the application took 20% of the time, the last 20% took 80% of the time. The main reasons for that were the following:
Weiterlesen auf: http://9elements.com/io/?p=709
