Skip to main content

Posts

Showing posts from December, 2012

New Year Wishes

Wishing all the readers of Spatial Unlimited a HAPPY NEW YEAR 2013

The mobile meta tag

    If you have ventured into the world of Mobile web development, you would have realized the importance of the viewport meta tag in the head section of your HTML page. Without the proper meta tag included in your HTML, your web page would zoom, move, be dragged around and basically not client acceptable. To avoid all of this, we need to include a viewport meta tag in the HTML in the head section.     Jquery mobile suggests the users to use the following viewport meta tag. <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0">     By using the above viewport meta tag, the width would be set to pixel width of the device. This would avoid the resizing of the page and there-by the web page would not be draggable any more. However, this would not disable our zooming issue. The user can still zoom the web page by tapping the screen or by pinching it. Jquery mobile suggests that this is a feature that should be included, h

Jquery Mobile - Single Page Structure

    We have been introduced to Jquery Mobile and have also seen some of the key features of the rich web framework in the previous posts. Today we will take a look at a general page structure using Jquery Mobile. So be ready to start off programming using Jquery Mobile.     The Jquery Mobile page structure is optimized to support a single page or local, internally linked multiple pages. What does this mean? Well, single page architecture means, having multiple pages that are linked to each other using the normal process of using the anchor tag. So, each page will have its own header, content and footer. The multiple page structure is basically having multiple pages in one single page within different DIVs. So each page becomes a DIV which is linked to another page using an id for that particular page DIV.     The multiple page architecture, though available is not popularly used because it results in a performance issue. The DOM becomes heavy as multiple pages load at the sa

Jquery Mobile Features

    The always improving and always progressing Jquery Mobile framework is currently in stable version 1.2.0. This version works with    versions of jQuery core from 1.7.0 to 1.8.2. Let's take a look at the various key features of this very powerful and truly cross-platform mobile web framework. Built on Jquery Core - This helps in consistency in syntax as it uses the standard Jquery syntax and makes use of the Jquery UI code and patterns. This also reduces the learning curve to a great extent due to the familiarity with Jquery. Compatible with all major mobile, tablet, e-reader & desktop platforms   - This is probably one of the most important feature of this web platform. Jquery Mobile is compatible with a wide range of devices like iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Phone 7, MeeGo, Opera Mobile/Mini, Firefox Mobile, Kindle, Nook and all modern browsers with graded levels of support. Progressive enhancement   approach brings core content an

Jquery Mobile - Touch Optimized, Jquery and HTML5 based web framework

    Jquery Mobile - The next level of "Write Less, Do More" mantra of Jquery. Just recently, I started working on a project using the Jquery Mobile framework and just instantly fell in love with it! Jquery Mobile gives immense power and flexibility to developers and enables truly cross-platform and cross-browser and multi-device development. I have just loved it and have decided to share my knowledge with the readers of Spatial Unlimited .     Jquery Mobile is a touch optimized web framework for smartphones and tablets.  It's a  unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design. This is one reason why I love Jquery Mobile. It is easily customizable - no head-ace of themeing; Jquery Mobile does it for you.     Instead of writing unique apps for each mobile device or OS

Google Maps Santa Tracker

    While everyone is gearing up for Christmas, Google too is gearing up to spread the cheer with the world this Christmas. On Christmas Eve, Google will be showcasing a preview of Santa's dashboard - the technology that powers his sleigh during his around-the-world journey. Google has received this special preview from one of Santa’s many developer elves, who are hard at work in the North Pole helping Santa prepare for his big day.     Santa’s dashboard - featuring the latest and the greatest in Google Maps technology and sleigh engineering - will allow all of us to follow his progress around the world, and also learn a little about some of his stops along the way.     While Santa gets ready for his journey, we are all invited to visit and explore Santa's village . You are bound to find some fun activities and meet some interesting elves. Hope you all enjoy your visit to Santa's Village and let me know what did you enjoy the most - The Present Drop activity

Where is Google Street View?

    Quite a number of people ask this - "Do you know where the Google Street View Cars are currently running?" "Which places have the Google Street View?" These question and so many similar questions are time and again asked on sites like Quora too. I was browsing through the stack of such questions and decided to look for an answer. I am sharing with you all, what I found from Google.     Head to the Google link here  and you will be able to see a map which shows the availability of the Google Street View images across the globe. Scroll down to the bottom and you will see a drop-down, where you can view the list of places in a particular country where the Google Street View cars are currently driving. Google Map displaying the availability of Street View          T he blue overlay shows where Street View imagery is available. You can zoom in to an area to see more detail. The information shown in the "Where our cars are currently driving" se