/ Tag Archives: mobile dev
> Slide-in menu
Sometimes 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
The 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
I'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
In 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
I'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
Developing 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 »