Tech Blog

Few weeks back I released an  HTML5 game app  in Google chrome web store. You can find the related post  here . After that, I was playing with multiple ideas where one could potentially attract more users through a chrome or mobile app. So just thought of publishing a mini puzzle absolutely meant for Kids who just learned to count till 10. I would need some feed back from little masters about the game/puzzle and connect some of my thoughts about how we can make useful web applications with simplest technology available on your machine.  You could visit chrome web store here -  https://chrome.google.com/webstore/detail/fmiefkckhkeeggkfjjaocnlljbnlmnok   - and download the Kid's puzzle/game. I would love your feedback if you installed and played it! Note:   Imported from my site  https://sites.google.com/site/dhtmlexperiments/blogs/yetanotherchromeappjustforkids  dated  Mar 3, 2011

I just did some experiment with very basic image manipulation using HTML5 APIs and JavaScript. In a nut shell, here is what I am trying to do. Load image in cavas element.  Extract the pixels using  context.getImageData  method.  Iterate through the pixels and edit/change Restore it back to cavas using  context .putImageData  method. Let's go one more level deep into  ctx.getImageData  method. context.getImageData method returns an ImageData object containing a copy of pixel data for the image loaded in canvas context. For example, if you have an image of 10 x 10 size (10px wide and 10px height) loaded in a canvas, you get an array of pixels representing this 10 x 10 size image. There would be a total of 100pixels in this image.  Each pixel is further divided into four units of RGBA (red, green, blue, and alpha) values, and these four values combined will give unique color & alpha property to one pixel. Here in this case,...

My first app in chrome web store...  This is the same bubble shooter game I created sometime back, now just moved to chrome web store. Here is the link to the app;  https://chrome.google.com/webstore/detail/aaepbggmjnnhfnefcbfbenmkhmdfpbhf?hl=en-US  - install and leave your comments. Publishing your web app in chrome web store is very easy; with few simple steps you can achieve the same. If you are planning to host a web app in chrome store, you can refer google chrome developer portal for details (start here:  http://www.google.com/chrome/intl/en/more/webstore.html ), or I will tell you about the steps in a little bit later.  Enjoy!.  Oh! by the way be ready to spend $5.00 one time fee before you can start uploading apps to chrome store.. fair deal rt?  Note: Imported from my site  https://sites.google.com/site/dhtmlexperiments/blogs/chromewebstore-myfirstapp  dated  Feb 24, 2011

Geolocation is a way to identify the physical location of user who is browsing this (any) web site. There are multiple approaches by which a website can get the info about physical location of an online user. HTML5 specs proposes APIs to enable this, so that the user can allow a TRUSTED site to access info about his/her location.  API looks like this:  navigator.geolocation.getCurrentPosition(successCallbackMethod, errorCallbackMethod);  If current browser support geolocation API and if it got the location successfully, then successCallbackMethod will be invoked with position as the parameter. In case of an exception, errorCallbackMethod will be invoked.   In the success call back method, you may add code to retrieve and use it according to your requirement as follows:    function successCallbackMethod (position) {     var latitude = position.coords.latitude;    var longitude = position.coords.longitu...