Got a tip for us? Share it...

Apple's 'AdLib' Framework Brings Native-Like Functionality to iPad Web Pages


Demonstration of iPad User Guide utilizing 'AdLib' framework

Done21 reports on the curious discovery of a new Web-based framework used in the iPad that allows web pages to behave in ways much more akin to native applications than previously observed. The framework, dubbed 'AdLib' by the report's author after the name of the file containing the code, was first noticed in action when navigating to Apple's iPad User Guide using the iPad's mobile version of Safari. It allows the user guide, which is simply a web page, to be offered in a split-pane view with scrollbars and with a native app-like feel.

What's particularly interesting is that it does something that shouldn't really be possible in Mobile Webkit: It includes scrolling panes that can be manipulated with a single finger, complete with the signature iPhone OS "scroll bars" and elastic transitions. If you have ever worked with Safari on the iPhone, you know that having scrolling boxes of content is sort of possible, but requires a special two-finger gesture to scroll.

Curiosity got the best of me, so I loaded the page in Safari on my laptop (and changed Safari's user agent to mimic the iPad) and got to work with the developer tools. After extracting the JavaScript and de-minifying it, my suspicions were confirmed. Apple was manually reading the touch events, calculating the inertia of the scrolling, and manually drawing the scroll bars. It was incredible that it worked so smoothly in the browser.

The framework, which weighs in at about 4,300 lines of code, permits Mobile Safari to display the native-like user guide simply using HTML, CSS, JavaScript, the basic web technologies supported by the iPhone and iPad. It appears similar in some respects to the PastryKit framework described by John Gruber last December, although AdLib appears to be a more advanced version that incorporates iPad-specific references.

It remains to be seen whether Apple will release the custom API for use by third-developers, but despite an absence of documentation, the report notes that the framework is "extremely well thought out and complete" and could be of significant utility to developers.

Update: For those interested in the actual code, a commented version has been discovered on Apple's developer site.

Top Rated Comments

(View all)

28 months ago
Win! :D Go Apple
Rating: 0 Positives / 0 Negatives
28 months ago
OMG - Apple's developed their own alternative to Flash and Silverlight. Now the Flash vendetta makes sense.
Rating: 0 Positives / 0 Negatives
28 months ago
wasn't something similar to this reported on safari on the iPhone by John Gruber months ago? It was never released to developers, so I can't see this one being released.

Here's the link: http://daringfireball.net/2009/12/pastrykit

I'm not a developer so I have no idea if they are the same thing or not...
Rating: 0 Positives / 0 Negatives
28 months ago
After reading this a couple of times, the interesting part seems to be that it could provide users the ability to control the WAY they interact with their web browser. Especially, when one considers this only has 4300 lines of code, that should leave plenty of overhead for "tweaking".

Maybe this is an example of how the iPad really changes the way we compute and interact with our devices.

Go Apple!
Rating: 0 Positives / 0 Negatives
28 months ago


Maybe this is an example of how the iPad really changes the way we compute and interact with our devices.

Go Apple!


Was bound to happen.
Rating: 0 Positives / 0 Negatives
28 months ago
You can make a web page like that in Dashcode.

Using these (pic below) settings you can do the same with a simple RSS Feed.
Rating: 0 Positives / 0 Negatives
28 months ago
I've had an iPhone since launch and never use two fingers to scroll anything. When I watch the video, it seems easy to program that functionality in a Web page. What am I missing?

A voice-over on the video might help since it seems pretty basic to me. BTW: I also stumbled on that area of help on my iPad. Didn't think anything of it, tho. hmm
Rating: 0 Positives / 0 Negatives
28 months ago
Maybe they'll get around to figuring out how to simulate hovering with a cursor. Many, many web site's navigation and other feature require hovering. Until this is addressed the iPad's web browsing functionality is going to remain crippled.
Rating: 0 Positives / 0 Negatives
28 months ago

OMG - Apple's developed their own alternative to Flash and Silverlight. Now the Flash vendetta makes sense.


You're joking right? This is a simple HTML/JS/CSS library.
Rating: 0 Positives / 0 Negatives
28 months ago
The "presentation" in the post isn't showing up in my iPad :confused:
Rating: 0 Positives / 0 Negatives

[ Read All Comments ]