Google Maps is amazing service but lately the guys from Google decided to charge us for the free mapping stuff we were dependent on of the last few years. Many companies stated to search for alternatives for Google and found some useful services like Open Street Map etc.
The JS world is booming with new stuff and almost every day I can see more and more visualization libraries, one of them is JustGage which allows you to create half circular gauges in no time. JustGage is a simple yet beautiful Gauge visualization that allows you create elements using jacascript and Raphael.js
It is based on Raphaël library for vector drawing, so it’s completely resolution independent and self-adjusting.
Using the library is simple, just load the libraries:
Creating your amazing JS application is not enough , now it's time to get it ready for the real world - Mobile.
Debugging mobile apps can be a pain in the neck, you have multiple platforms, multiple versions etc, for example developing for iOS requires you to own a Mac, android development has many packages to download and not so easy.
Wondering the web you probably find Sencha and jQueryMobile as the leading JS web developments.I started with
Sencha, downloaded the editor but learning curve was to long for my needs. (More on Sencha in a future post)
I was searching for alternatives and found a nice web tool called Tiggzi, it was simple and intuitive but not powerful for most of my needs. In any case all IDEs had major issues trying to debug them.
Looking for the best bread solution I found Ripple (which was bought by RIM). Ripple is a Chrome plugin allows you to set and test any mobile configuration: GPS, Acceleration, Contacts etc., You can choose between platforms (IOS, Android, HTC and more), the actual device (iPhone, iPad) and even its orientation.
Basically you can enable Ripple for any website, below you can see this blog over iPhone.
Installation is quite easy and took me less then a minute, once you up and running you can set every website into Mobile environment with in a single click!
Ripple mobile addin wraps the website you currently visit and allows you to set the platform, location on the map, acceleration, dev platform (PhoneGap, MobileWeb) And even contact list so you can test real world scenarios.
Debugging is easy thanks to Chrome ( Ctrl+Shift+J ) great debugger!
Note: you should disable any popup blocker before trying to run anything!!!
Things I would add to Ripple:
Ability to test camera and photos library
Add images and details to dummy contacts
Fix annoying bug where page is not loading due to ripple.js cannot be found
Recently I started playing with some JS mapping capabilities, the first step was to start with Google Maps.
Well Google has many resources and been around forever, maps are loading super fast and it is free. Until recently... Well Google decided its time to earn some money and added some limitation to the maps usage.
So Google maps is out of the question for many new start-ups which generates some nice traffic but has no revenue.
Well I was on a quest to look for a different solution plus I needed mobile capabilities. My search was done when I found Leaflet, a light JS library that takes advantage of Open Street Map and Cloudmade and makes the magic with very few lines on code.
I managed to create my mobile mapping experience within less then one hour and the best thing is that it can help you generate revenue of you want to add ads on top of your maps.