iPad Development

The demos below show how Apple’s Safari web browser supports the capabilities of web standards such as HTML5, CSS3, and JavaScript.

Video

Scale

Mask

Perspective

  • Reverse
  • Play/Pause
  • Forward

After many concerns over the ipads lack of support for Adobe Flash and swf files Apple has put together a remarkable webpage showing off HTML5 which is already supported on all good browsers (obviously not Internet explorer) and it is set to make the need for flash a lot less in the future especially for web video.

What is great is thatApple is showing exactly how it’s done with the examples so that you can do the same on your own websites.

Go and check it out at http://www.apple.com/html5

Posted via web


Related Blogs

If you are still waiting for your iPad to arrive or wish to test whether your website looks good on the iPad there is an easy way to do it.

Why does iPads see a website differently

When you visit a website the server receives the user-agent string from your browser that you are using and can then provide the content tailored to your device.

This is great because webmasters can change websites or provide plugins which allow the website to display in the best way for your particular device.

Why Spoof your User-agent-string?

Now something that is different with the iPad is that there are quite a number of great iPad webapps like the new Google webapp for iPad which includes features only available on the iPad, so instead of downgrading the application for the device, it is actually an upgrade.

To take advantage of the iPad’s large display, we’ve created a two-pane view with your list of conversations on the left and messages to the right.

Additionally you can also view any of the iPad-ready websites on your desktop.

How to Spoof the User Agent String to view iPad version of Website

The easiest way we’ve found is to spoof your Browsers user Agent string is as below:

  • use Firefox as your browser
  • Download the User Agent Switcher add-on
  • Create a new user agent profile for the iPad as below:
    • For “App Code Name” field probvide ‘iPad.’
    • For “App Name field” provide ‘Mobile Safari’
    • For the ‘App Version’ field add in ‘5.0 (Macintosh; en-US)’

    Photo Credit thenextweb.com

    This will provide the server with the following User Agent String, basically fooling the server into providing you the iPad version if available
    Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10

    Add-on to allow HTML5 Video on Firefox

    When you are using Fiewfox however viewing HTML5 video may be a problem depending on whether Firefox has started supporting H.264 codec or still only supports the license-free Theora format instead of H.264).

    The Solution is really simple and easy and works great:

    Watch HTML5 YouTube Videos in Firefox (on Windows)

    1. Install the IE Tab Firefox extension (or one of the other IE-in-Firefox extensions).
    2. Install Google Chrome Frame for IE.
    3. In the IE Tab preferences inside Firefox, set YouTube to always open inside an IE Tab (see image below).

Using the techniques above you can easily preview and use the iPad versions of websites, webapps and test your websites if you are a developer.

Posted via web


Related Blogs

Appcelerator and the Awesome Titanium Platform

The Latest Titanium News

Iphone tutorials have previously evaluated CS5’s flash to ObjC which seems to be nice, as well as MotherApp outsourcing of your iPhone App.

AppCelerator seems to be an awesome platform, which now ALSO SUPPORTS the iPad

It helps coders use Javascript… although Javascript isn’t the easiest language to code in, Appcelerator does provide really good libraries for you developer types out there.

The program is openSource and will definitely help some developers to create Apps quicker than through traditional methods.

Can’t wait to see what these guys come up with next

Posted via web