Let’s find out how you can add momentum scrolling to your mobile web applications on iOS devices.
CSS3
Getting CSS3 Transformations Matrix values for Android/Firefox
Quick snippet of code that will return the CSS3 Transformations Matrix values for Firefox browsers. We make use of the window.getComputedStyle() method for retrieving the style values for our element which has been moved using…
Continue Reading “Getting CSS3 Transformations Matrix values for Android/Firefox”
Cooler modal popup example – how to open multiple popups, scrolling pop ups per page
Some time back I came up with a cooler modal pop up window using CSS3 and JavaScript specifically for mobile webkit browsers. The example that I presented had only a single button, a click on it…
CSS3 Transformations showing content outside overflow:hidden region in Firefox/Android
Some time back I was implementing a functionality for Firefox browsers on Android devices and I found a strange problem – For Firefox > 18 on Android devices if I move an element using CSS3…
Replicating the iPhone Swipe Gesture – Vertical swiping
For those who wanted a vertical swiping feature to the the swipe gesture gallery that I created earlier, this post has a new demo and minimal explanation about a vertical swipe gesture gallery. Now you can…
Continue Reading “Replicating the iPhone Swipe Gesture – Vertical swiping”
Replicating the iPhone Swipe Gesture – auto scrolling feature
This is an update to the Replicating touch swipe gesture javascript implementation series that I have been writing for some time now and this time I have tried out the auto scrolling feature. Sometimes users…
Continue Reading “Replicating the iPhone Swipe Gesture – auto scrolling feature”
Circular swipe gesture gallery – looping through images
This is another update to the regular swipe gesture gallery that I created in two of my earlier post – post1, post2. This time I have implemented the looping feature for the images. The gallery…
Continue Reading “Circular swipe gesture gallery – looping through images”
CSS3 Coverflow animation for iOS – Adding Touch gestures
Here’s a sneak peak at the touch version of the Coverflow animation. The app is fully touch enabled, you can swipe across the screen to move the images or tap on any image individually to…
Continue Reading “CSS3 Coverflow animation for iOS – Adding Touch gestures”
Fluidic Sliding Panels – Auto adjust to any device screen without browser refresh
Let’s talk about creating a sliding panel system that adjusts automatically to any screen size or rather any device resolution. The sliding is implemented using CSS3 Transitions and I have targeted only webkit based browsers. So…
Continue Reading “Fluidic Sliding Panels – Auto adjust to any device screen without browser refresh”
Replicating the iPhone Swipe Gesture – common code for mobiles and computer browsers.
This is another update for the iPhone Swipe Gesture that I have created. This is the third update to the series – Part 1 and Part 2. In case you have missed out of the…