If you look at some google pages (ie. on the iphone they look a lot like native iphone apps. Does anyone know how they got it to mimic the look of the native apps and is there a resource that describes how to do it?

Also does one have access to any of the iphone hardware data ( ie. accelerometer data, gps information ) from the javascript on the clients safari browser? I imagine not but I thought I would ask anyway.

+4  A: 

This article talks about how you can make your website iPhone friendly :

To answer your second question I would like to direct you towards "Phonegap" ( which is an open source development tool for building fast, easy mobile apps with JavaScript and supports accessing geolocation and accelerometer data for the iPhone.

PhoneGap, of course is only for building apps. Doesn't help you build web pages intended for Mobile Safari.
+4  A: 

A Google search for "HTML iphone" yields heaps of answers. You need to pay close attention to the conditional HTML for the iphone. This article seems to cover a lot of information needed for the look/feel: iphone-development-12-tips

I also stumbled across an API that might be of some use: They have some live demos:

+1 for the IUI.
Both of those links where spot on! Very nice.