Xantus' HTML5 Blog

I'm David Davis, a software architect. I have a passion for HTML5 technologies, JavaScript, and Perl.

[xantus-blog]

All of these were taken by me, and are available under the CC Attribution-Share Alike 2.5 license.

This one was taken at the Los Angeles museum of modern art.

[xantus-blog]

I have been inspired to post a few images I have been using as desktop/ipad backgrounds.

All of these were taken by me, and are available under the CC Attribution-Share Alike 2.5 license.

This one was taken at the Los Angeles museum of modern art.

[9-bits]

[xantus-blog]

senchainc:

Ext JS is now Sencha. We’re extremely excited to unveil a new name and logo for our company. This is the first of many great updates we have in the pipeline, so make sure to follow our new account, @SenchaInc, on Twitter!

Read more about our name change on the Sencha Blog.

(via 9-bits)

[xantus-blog]

vti writes about his first attempt at WebSockets using my example code

[xantus-blog]

Air Video - Stream Video to your iPad / iPhone / iTouch

Air Video App

Do yourself a favor and get this awesome app on the app store.  (I think it's still free)  It will encode on the fly too, which is the best feature.  There's a Mac and Windows server, but I did some digging and found an alpha version of a Linux server.

Linux Server Install Howto

http://wiki.birth-online.de/know-how/hardware/apple-iphone/airvideo-server-linux

Mac / Windows:

http://www.inmethod.com/air-video/download.html

[xantus-blog]

[xantus-blog]

Adlib, The Secret iPad Library?

I don't know if you have seen the iPad User Guide on your iPad (In your Safari bookmarks).  It looks an acts like a native app, but it's built using html, css and JavaScript.  Jim Hoskins has dug into it more.  Apple's library doesn't have a name, but it's being called 'Adlib'.

The iPad User Guide is located here: http://help.apple.com/ipad/mobile/interface/.  You can't normally get at it without changing your UserAgent though.  Most browsers have a UserAgent switcher, but you'll need to use a webkit based browser like Safari or Chrome.

The iPad UserAgent 

Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10

Investigation

I'm a linux user (ubuntu), so I use Chromium for most of my development and testing instead of Safari.  I prefer using the dev branch of Chromium, since I can run it alongside my other browsers.  (See the next section)

Jim has posted two github gists of the Adlib code: Adlib.js and iPadIntro.js

Note: none of this code has been licensed by Apple. I leave the rest up to you, since I'm also just now digging around into Adlib myself

Using Chrome

You can use the --user-agent param to supply the iPad UserAgent to chrome.

Download Chromium:

Windows

Download: http://build.chromium.org/buildbot/continuous/win/LATEST/

Run: chrome.exe --user-agent="Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10"

Mac

Download: http://build.chromium.org/buildbot/continuous/mac/LATEST/

Run: ./Chromium.app/Contents/MacOS/Chromium --user-agent="Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10"

Linux

Download: http://build.chromium.org/buildbot/continuous/linux/LATEST/

Run: ./chromium --user-agent="Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10"

[xantus-blog]

[xantus-blog]

A 2.5 year old uses an iPad for the first time.  We can learn a lot about user interface design and interaction from kids. 

From http://laughingsquid.com/a-2-5-year-old-uses-an-ipad-for-the-first-time/

See also: 22 month old uses a Mac in 1987

[9-bits]

Applications that link to Documented APIs through an intermediary translation or compatibility layer or tool are prohibited.

Apple’s new iPhone 4 Agreement, Section 3.3.1 could mean Apple will ban apps made with Adobe’s Flash-to-iPhone compiler, Titanium, and PhoneGap. (via davidkaneda)

[xantus-blog]

Open with an iPad, and draw with your fingers

[xantus-blog]

This is a demo of an IRC client I hacked together in ExtJS using WebSockets and a Perl micro-framework called Mojo.

Developers can check out my WebSocket example code on github: http://github.com/xantus/mojo-websocket-examples

[xantus-blog]

I've been posting about the iPad over at the forums

[xantus-blog]

I wonder when WebSocket support will make it into Safari on the iPad.

[xantus-blog]

"Platform-specific considerations for web content in Safari on iPhone OS devices, with specific information for iPad."

[xantus-blog]

ExtJS: Multi-touch on the iPad

I made some progress tonight.  The Ext Slider examples work on the iPad now.  I'm patching the Ext DragTracker/DragZone/etc, so all normal (single finger) drag operations should work without additional effort on your part.

Tomorrow I also want to investigate resizing a window with the 4 finger box gesture.That'll be very nice to have!

I will update this post with an example later.  Must sleep now.

Update: I can't post any code.

[senchainc-blog]

[xantus-blog]

extjs:

The Google Web Toolkit team has harnessed the power of HTML5 and GWT to recreate the classic multiplayer fragfest Quake 2 video game inside a browser. WebGL for 3D graphics was able to achieve up to 60 frames per second. They also use Canvas, Audio, LocalStorage and WebSockets.

The best part? You can build and run it yourself. Check out the project on Google Code.