This a quick example of how you can format HTML input fields with JavaScript to allow Credit Card numbers or let’s say Phone numbers in a particular format. Most often or not you might have…
HTML5
Using D3 or third party libraries with Polymer – simple example
Off late I have been exploring and working with Polymer a lot. One thing I tried recently was to create a custom element (a custom tag) that has a d3 chart integrated into it. So…
Continue Reading “Using D3 or third party libraries with Polymer – simple example”
Animated pie chart with Raphaël JS
One of the tasks that I worked on a few months back was animating a pie chart as if it is growing from 0 to 360 degrees. And in this tutorial I will share how…
Previewing JSBin output in mobile devices using Adobe Edge Inspect
When Adobe renamed Shadow to Edge Inspect, one of the major changes that happened was the integration of JSBin into Edge Inspect. What this means is that whatever proof of concepts (also called Bins as…
Continue Reading “Previewing JSBin output in mobile devices using Adobe Edge Inspect”
Adobe Shadow is now Adobe Edge Inspect
In a major move on the 24th of September, Adobe has renamed Shadow to Adobe Edge Inspect and now it has become a part of the Adobe Edge Tools and Services : http://html.adobe.com/edge/ Shadow had been…
Creating a simple List in Sencha Touch 2.0
Creating a simple data list in Sencha Touch 2.0 has changed over the way we used to create data lists in Sencha 1.0. Changes have been made in the way a data Model is created…
Continue Reading “Creating a simple List in Sencha Touch 2.0”
Adobe Shadow – another way of remote debugging mobile web apps in iOS and Android
Adobe has come out with the preview version of their new tool Adobe Shadow that allows front-end web developers and designers to work faster and more efficiently by streamlining the preview process, making it easier to…
Continue Reading “Adobe Shadow – another way of remote debugging mobile web apps in iOS and Android”
Sliding touch photo gallery for iPhone – HTML5, CSS3
This tutorial speaks about a simple sliding touch photo gallery for iPhone. The app is meant to run on the mobile safari web browser. We start off by looking at a demo first and then…
Continue Reading “Sliding touch photo gallery for iPhone – HTML5, CSS3”
360 degree Car/Product view for mobile web – iPhone
I thought of writing this post due to increasing number of search queries that I found out on my site stats. A 360 degree product view for mobile web is important now as lot of…
Continue Reading “360 degree Car/Product view for mobile web – iPhone”
Replicating the Swipe Gesture iPhone Gallery for mobile web– HTML5 – flickering issue fixed
The swipe gesture image gallery that we talked about in one of the earlier post had a strange flickering issue. There was a slight flickering of the image that was being swiped along with the…