/ Tag Archives: mobile dev

> Dealing with the bottom browser bar on mobile Safari

bottom bar voidIf you use iScroll or any web app that takes advantage of touch events you'll sooner or later stumble in an annoying bug: when you swipe over the bottom browser bar the touchend event is not fired and the application freezes. Here I'm trying to explain why this happens and how to fix it. Read more »

> Slide-in menu

slidein-menuSometimes the screen of mobile devices is too small to fit all the controls, menus and options of your application. One solution is to create a slide in menu that the user can pull to access additional functions. Read more »

> iScroll

iScroll v3The overflow:scroll for mobile webkit. Project started because webkit for iPhone does not provide a native way to scroll content inside a fixed size (width/height) div. So basically it was impossible to have a fixed header/footer and a scrolling central area. Until now. Read more »

> Scrolling div for mobile webkit turns 3

iScrollI'm pleased that my original iScroll was useful to many. In the past months I received dozens emails asking for new features and bug fixes. I think it's time to start developing a new version of the scrolling div for mobile webkit with added functionalities. Read more »

> Rotating wheel for your iPhone webapps

Rotating wheelIn my last post I was suggesting to stop cloning the default Apple UI for web applications and start creating custom controls. This time I want to put my words in practice and present you with a rotating wheel select control, 150 lines of code all included (HTML+CSS+JS). Read more »

> Don’t go native UI on your mobile web app

In most of my mobile webkit examples I tried to resemble as close as possible the native iPhone user interface. I decided to use a familiar UI just to show off the power of the little mobile browser but I highly discourage using Apple's graphics for your web applications. Read more »

> Spinning wheel on webkit for iPhone/iPod touch

Slot MachineI'm more and more amazed by the power of mobile webkit. I don't love the iPhone that much, but as a web developer the beauty of CSS transitions, animations and transforms can't pass unnoticed. This time I'm giving away a widget that resembles the native Picker View (UIPickerView) functionality but entirely built on javascript. Read more »

> Remove onClick delay on webkit for iPhone

Stop WatchDeveloping on the webkit for iPhone I encountered a curious delay on onClick events. It seems that the click is triggered with about 300 milliseconds delay. While this is unnoticeable on a standard web page, it can be annoying on a web application. Fortunately the click event can be overridden thus eliminating the delay. Read more »

> Contact list on webkit for iPhone

The interest around web development for iPhone rapidly faded out when native applications became reality. The webkit in each and every iPhone/iPod touch is actually so powerful that almost anything done by a native application can be replicated with a spoonful of javascript. Here's the recipe to bake a contact list with the ABC control to the right, just like the original Apple's application. Read more »

> Scrolling div on iPhone/iPod Touch

Recently I had to develop a web application for the iPhone and I was impressed by the possibilities offered by the little device. You can easily render complex 3d animations with a bunch of CSS rules or save data on a sqlite database, but I was surprised to discover that there is no easy way to scroll the content inside a fixed height div. Read more »