Skip to main content

Annual Retrospective - Welcome to the new year 2015!



    The curtains are about to fall and another year will have gone by. A brief interval, the curtains go up and we would be looking forward to the next year - 2015! This past year, I wrote comparatively few posts, but some really good ones. Though I have shared a few posts this year round, I have learned new things and techniques this year. I have upgraded my skills and am looking forward to put these to use in the new year and share new things with you all.

    I did a retrospective of what I shared during the last year and the data has revealed the top-shared and read posts over the last year. I present to you the top 5 posts of the last year.
  1. Exploring Jquery Mobile 1.4.0
  2. Material UI, Google Polymer & Web Components
  3. Difference between word-break: break-all versus word-wrap: break-word
  4. The bitter divorce of PSD and HTML
  5. Setting up a Sandbox for Google Polymer
    This year Spatial Unlimited crossed the 300K visits mark. All thanks to you readers and all of you who wanted to learn something new and liked what I shared. A heart felt thank you to all of you readers! Keep reading and giving your feedback. I also have set up a Facebook page for Spatial Unlimited and you can stay connected with me here as well. You can share new things on this page, ask questions and we can try to find solutions to some problems and issues in front-end web development together.


    So far I have been writing from India and now am writing from a new postal address in USA. It's a new year, new techniques, new skills and a new place. A perfect recipe to share some great techniques and articles with the community. Things are looking bright and I am hoping to write more this year! Hope you all had a great year too and wish you all a very happy new year 2015! Stay tuned for more updates and new things. See you in the new year!

Comments

Recommended for You

Where does Google get it's live traffic data from?

Referring to a post that I wrote earlier, Google’s - Live traffic Layer , ever wondered how Google collected this data? I was wondering the other day, how Google received live data to display it on their maps as a layer! I looked up the web and found something very interesting and am sharing the same with you all. As we all know, the traffic layer is available most accurately in several states in USA. Most major metro areas in the US have sensors embedded in their highways. These sensors track real time traffic data. Easy to miss at high speeds (hopefully anyway, traffic permitting), more commonly noticed may be the similar sensors that often exist at many busy intersections that help the traffic lights most efficiently let the most amount of people through. The information from these tracking sensors is reported back to the Department of Transportation (DOT). The DOT uses this data to update some of the digital signs that report traffic conditions in many metro areas. They als...

Two maps on the same page - Side-by-side

    How good I am feeling to post a code example after such a long time! It's been all "news" over the past so many posts! Well now that I am finally doing a code example, I am posting a very highly requested code sample. Placing two Google Maps on the same page (Now that's simple you would say!), but side by side. Now this is the thing that most people struggle with. Well, implementing the second part is also very simple, as you will see in today's code.     Let's see the code. Here it is!     The output of the above code will be as seen in the result section above.     As most of you will realize, there are two maps, one centered at "Pune" and other at "Noida". Why I chose these two locations? Well, just like that!...The main issue of concern is how the maps appeared side-by-side and not one below the other as would be normal behavior of two "div" elements used in the same page. Now here is the trick! Check out the...

Retriving co-ordinates...

         We have seen 2 Google Maps API v3 examples wherein we have retrieved the latitude-longitude co-ordinates of the point of click on the map. In the first example we have displayed the co-ordinates in the information window and in the second , we have displayed the co-ordinates in a form in the information window.         Today we will create a code to retrieve the latitude longitude co-ordinates in a text box while simultaneously a marker appears on the map as well. So, here goes the code. <html> <head> <title> Google Maps API v3 - Adding marker on Click and retrieving the co-ordinates in a text box </title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> var map;    //When using event as a parameter to a function declare map, strictly as a global variable fun...

Learning React in #41Tweets

Sounds crazy, right? 😲Not really. It is possible! This is no magic pill ✨ . There is no substitute for practice and experience , but this will get you started and help you make the right decisions in your React journey. When I started with React, the sheer use of ES6 syntax and difference in the coding style, made me not want to use it. But when I learned and practiced ES6 and then learned and practiced React, that is when I truly fell in love with React 😍 I created a Twitter Moment Learning React ⚛️ which is basically a collection of #41Tweets that will get you off the ground on your React journey. I hope you like this new approach to learning React and hope it is helpful in getting you started 🤝Let me know your feedback and keep the conversation going on Twitter 🐦

Jquery Mobile Listview enhancements and customization

    In this post today, we will take a look at the various enhancements and customization that we can do to the standard listviews. All these enhancements or customization are questions asked by various people on the Jquery Mobile forum. I have tried to put together a solution to some of them.     Let's take a look at a few of them. Some questions are really amazing like " W hen i have 3 nested listview structure and moved to 3rd nested, how to move back to second nested listview? " Now this is a really good question and a nice valid requirement too. When we had see an example on nested listviews  you must have wondered how we would navigate to the previous levels from the current level. Well here is a solution that I had put together.     Another really nice question was " Listview with collapsable listview inside ". This is really a good example to try out. Take a look at the solution that was proposed and also taken from other jsfid...