Making an iPad HTML5 App & making it really fast
Fantastic overview of making a beautiful, fast iPad optimized web app (everytimezone.com).
Fantastic overview of making a beautiful, fast iPad optimized web app (everytimezone.com).
Apple just launched a website which demoes some great examples of rich webpages made using standards-based technologies. A fantastic resource.
What’s amazing about fortysquires is that I really didn’t expect to sell more than a few copies. It was built just to be a reference app. Remember, this is a paid ($0.99) app that competes against free, better-featured native apps for Android, iPhone, and BlackBerry. There’s also a mobile web version of foursquare (but it’s not HTML5 and doesn’t include geolocation, etc, like fortysquires does). I really thought I’d sell maybe two or three copies to developers looking to test out the workflow.
Yet, what I’m seeing is that real users are purchasing this app, everyday. Everyday, I sell at least one — but typically more like 3-4 — “copies” of the app. It’s not a gold mine, of course, but it far surpasses my expectations.
These are users from all over the world on all sorts of different devices. iPhone usage is >50%, but Android is close to 20%, and Symbian, Windows Mobile, Palm, and Samsung all make the cut. And 50% of visitors are from the US, 25% from western Europe, and the rest is divided between many, many countries like Canada, Australia, Israel, Russia, many Asian countries, Costa Rica, Maldives, Camaroon, Kyrgyzstan, etc. In all, more than 70 different countries have checked out fortysquires!
Case Study: Selling a paid mobile web app (fortysquires)
iGesture provides an event-driven model for supporting gestures (like swiping the screen) in your web application. iGesture is especially useful if you are building an application for mobile devices such as the iPhone or iPad and wish to support the same gestures as a native application on both mobile devices and in standard browsers. Because iGesture is event-based, you can support gestures exactly the same way you support other interactions such as mouse clicks: By binding event handlers to DOM elements.
iGesture is a jQuery plugin.
CBS has confirmed that they plan to bring all CBS.com video content to iPad via HTML5 format by the fall television season.
When we were looking at the iPad as a separate device, it had a lot more similarities to a PC in our mind…So for us, we wanted to make sure that video was available through HTML5 on the iPad first.
Though the operating system for the iPhone, iPod and iPad is proprietary, we strongly believe that all standards pertaining to the web should be open. Rather than use Flash, Apple has adopted HTML5, CSS and JavaScript – all open standards. Apple’s mobile devices all ship with high performance, low power implementations of these open standards. HTML5, the new web standard that has been adopted by Apple, Google and many others, lets web developers create advanced graphics, typography, animations and transitions without relying on third party browser plug-ins (like Flash). HTML5 is completely open and controlled by a standards committee, of which Apple is a member.
Apple even creates open standards for the web. For example, Apple began with a small open source project and created WebKit, a complete open-source HTML5 rendering engine that is the heart of the Safari web browser used in all our products. WebKit has been widely adopted. Google uses it for Android’s browser, Palm uses it, Nokia uses it, and RIM (Blackberry) has announced they will use it too. Almost every smartphone web browser other than Microsoft’s uses WebKit. By making its WebKit technology open, Apple has set the standard for mobile web browsers.
Steve Jobs: Thoughts on Flash