HTML5+Google APIs = A New Era of Mobile Apps

Ashesh Shah
June 29, 2010
506 Views
14 Comments

When building nextstop’s HTML5 mobile apps, we were able to influence a powerful grouping of HTML5 and Google API’s to build a mobile web experience that we believe rival what we could have built natively. For more on our mobile apps development we will just focus on the technologies that made this experience possible.

Recently HTML5‘s video features have gotten a lot of attention, but it’s three other HTML5 features that we’ve found most useful for mobile web development.

 

1. Prefetching using Local Storage: It’s no secret that mobile data networks are slow but by putting a bit of thought into what users will tap on next, and prefetching that data in the background you can build a spectacularly quicker user experience. It’s possible to do limited forms of prefetching using plain old JavaScript, but using the local Storage key/value storage built into HTML5, we’re able to store much more data and therefore prefetch more assertively.

If you’re using a recent version of Chrome or Safari or on an iPhone 3 or Android 2 phone and want a sense of what prefetching feels like, try clicking the left and right arrows here (you can ignore the warning you will see in Chrome and Safari).

2. Geolocation: Using the geo location features built into HTML5 (available on iPhone 3 and Android 2), we’re able to connect you with local information based on the GPS in your phone, so all you have to do is launch the app to see nearby recommendations. I wish it were a bit faster, but it sure beats entering an address or zip code — and it’s very easy to catch into as a developer.

3. App Caching: The last HTML5 feature that we greatly rely on is the application cache. If a cache obvious file is specified, the browser won’t re-download files unless the content of the manifest file has been updated. This may not sound like a big deal, but the latency of cellular networks can be long enough that requesting multiple files at startup can slow down your application by 10 or 20 seconds. Ideally, you’d put all your static JavaScript, CSS, and image files in the manifest file, so users never have to wait for them to be downloaded more than once.

As thrilled as we are about HTML5, things get even more interesting when you combine these technologies with Google APIs.

You may be interested

The overall impact of Artificial Intelligence
Artificial Intelligence
0 shares141 views1
Artificial Intelligence
0 shares141 views1

The overall impact of Artificial Intelligence

Ashesh Shah - Sep 15, 2017

The basic concept of artificial intelligence is that a computer system can be used to perform tasks that would ideally…

Fusion Informatics wins the India 500 Most Promising IT company – 2017 award
News
0 shares231 views
News
0 shares231 views

Fusion Informatics wins the India 500 Most Promising IT company – 2017 award

Ashesh Shah - Sep 01, 2017

Recently India50o0 unveiled its Winners list of 2017 and we are happy to announce that Fusion Informatics has been awarded…

AI: Human Intelligence Simulation, processed by machines
Artificial Intelligence
0 shares291 views
Artificial Intelligence
0 shares291 views

AI: Human Intelligence Simulation, processed by machines

Ashesh Shah - Aug 30, 2017

The 21st century can somewhat be pegged as the digital era and one of the most rapidly changing trend in…

14 Comments

  1. In associated information, the Wayans brothers wish to cast Tiger woods in their subsequent film but they can not determine if the title ought to be White Chicks eleven or 12 ?

    Reply
  2. We felt like we needed to comment to email you or your staff. I merely have a question about this short article. Will the information be kept up-to-date later on? The main reason we are asking this is because we are bookmarking this content for down the road and I wanted to make sure. Thanks a lot.

    Reply
  3. I feel this is one of the so much significant info for me. And i am glad reading your article. However wanna remark on few basic issues, The website taste is wonderful, the articles is truly nice : D. Just right process, cheers

    Reply
  4. I simply needed to thank you so much once again. I do not know the things I might have created without those hints provided by you concerning this subject matter. It has been a real frightful setting in my view, but spending time with the very skilled avenue you managed the issue took me to leap with gladness. I am grateful for this support and even trust you comprehend what a powerful job that you are undertaking educating people thru your site. I am sure you’ve never come across all of us.

    Reply
  5. Good blog! I truly love how it is easy on my eyes and the data are well written. I’m wondering how I might be notified whenever a new post has been made. I have subscribed to your RSS which must do the trick! Have a great day!

    Reply
  6. We are a gaggle of volunteers and opening a new scheme in our community. Your website provided us with useful information to work on. You’ve performed an impressive activity and our whole neighborhood might be grateful to you.

    Reply
  7. Wow! This could be one particular of the most beneficial blogs We’ve ever arrive across on this subject. Actually Great. I am also an expert in this topic therefore I can understand your effort.

    Reply
  8. I am really inspired along with your writing abilities as well as with the format for your weblog. Is this a paid subject matter or did you modify it yourself? Anyway keep up the excellent quality writing, it is uncommon to see a great weblog like this one nowadays.

    Reply
  9. I think other site proprietors should take this web site as an model, very clean and wonderful user genial style and design, let alone the content. You are an expert in this topic!

    Reply

Leave a Comment

Your email address will not be published.

Captcha *