Jul 2010
27
Replies
9

iScroll 3.5 adds scrollToElement()

– The most requested feature for iScroll was probably the ability to programmatically scroll to an element by #id. v3.5 adds this feature and much more. You can actually scroll to any element from a CSS3 query selector opening the door to hardware accelerated carousels.

Read more »
Jun 2010
20
Replies
13

iScroll v3.4 shrinks and loves desktop browser

– Frameworks for mobile platforms are coming out quickly. What was pioneering not more than two months ago is now everybody's land. In this scenario does it still make sense to develop stand alone scripts like iScroll? Short answer: yes.

Read more »
Jun 2010
10
Replies
18

iScroll dreams of Electric Sheep (aka v3.3 beta 3)

– This latest update brings even better Android compatibility. If I receive no complains I'd consider this release final, freeze the code and move to the next milestone (3.4).

Read more »
Jun 2010
9
Replies
3

Dealing with the bottom browser bar on mobile Safari

, – If 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 »
Jun 2010
8
Replies
4

iScroll 3.3 beta 2

– Android is a bad beast but we'll tame it. My quest to get full Android compatibility continues and this time we are getting pretty close to it. Once again I need beta testers!

Read more »
Jun 2010
4
Replies
5

iScroll gets Android 1.5 compatibility

– You asked for it and now you have it. v3.3 (beta 1) is my first attempt to port iScroll to Android 1.5. It seems to work, but no hardware acceleration. Is it really worth the effort?

Read more »
Jun 2010
2
Replies
16

Playing with CSS3 gradients

, – I'm surprised to see that many mobile web apps still use images for buttons. If you target the Android or iPhone web browser, CSS3 gradients are an extremely powerful resource, not only to make buttons. I spent a couple of hours playing with gradients and masks and here I present you a page stuffed with examples in all their text-only beauty.

Read more »
May 2010
31
Replies
3

iScroll spring cleanings (aka v3.2)

– Don't you hate your own code 3 weeks later? I do. I finally tidied up iScroll code and managed to remove some insidious bugs. Please welcome version 3.2: smaller, faster, smarter.

Read more »
May 2010
28
Replies
0

Slide-in menu exits alpha

– The Slide-in menu exits alpha stage, gets Android compatibility and it's finally ready for production.

Read more »
May 2010
25
Replies
31

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 »
May 2010
21
Replies
1

Retro Radio PC mod

– When I saw a retro radio on eBay the first thing I thought was to make a PC case mod out of it. It has been a nice jump into the past, when in the 90s I was enjoying building my own PCs.

Read more »
May 2010
21
Replies
5

Site redesign, in all its purple glory

– I hate the "site redesign" posts. They are usually pointless. So I'm not going to bore you with the obvious fact that I like purple but I'll focus instead on projects for the future.

Read more »
May 2010
19
Replies
243

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 »
Nov 2009
30
Replies
184

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 »
Apr 2009
12
Replies
38

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 »
Apr 2009
5
Replies
14

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 »
Mar 2009
21
Replies
33

The perfect PHP clean url generator

, – In my hunt for the perfect clean url (smart url, slug, permalink, whatever) generator I've always slipped in some exception or bug that made the function a piece of junk. But I recently found an easy solution I hope I could call "definitive".

Read more »
Mar 2009
8
Replies
128

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 »
Feb 2009
28
Replies
3

Broken camera takes artistic pictures

– Today I have something totally off topic for you. I lent my old digital camera to a friend and this is how it takes pictures once it came back to me.

Read more »
Feb 2009
15
Replies
21

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 »