iPhone navigation demo and boiler plate
Joe Hewitt
drop into their pages to turn simple standards-based HTML into
something that looks and acts like a native iPhone app. The goal is
to allow people to write apps for the iPhone without having to write
any JavaScript, and to promote better usability, for example, by
supporting the back/forward buttons, hiding the location bar, and
sliding animations between pages.
I could go on and on, but you'll probably just want to check out the
demo on your iPhone, and then look at the source to see how simple the
HTML is:
Tim Heinlein
Kalle Alm
-Kalle.
doctyper
mathie...@gmail.com
Do you have any problem with us using it in our apps?
RyanA
Kai Cherry
the phone ui does you might want to add, but here is one off the top
of my head:
The text in title bars actually slides into place when you so a
transition. Its such a subtle effect that you might not even
conciously notice it...but I could tell something was 'funny' about
your nav so I went back and had a look and noticed what was missing.
Just another testiment I guess to apple's insane attention to detail
heheh.
scripto
Just wondering if there were any of the other icons like the red
twisty and the delete button?
Kai Cherry
from the phone.
scripto
On Jul 6, 3:34 pm, Kai Cherry <kai.che...@gmail.com> wrote:
> If you wish to...reimplement(?) them, I have every single ui element
> from the phone.
>
Kai Cherry
treasure trove of information on just how clever apple is...both in
engineering and marketing :)
Joe Hewitt
very good at animation :) It barely manages to render the 5 frames
to slide the incoming page from left to right without stuttering. If
we
were to also fade/slide in the new title and the "Albums" button, it
would probably not look very smooth. Still, I'll give it a shot and
see
what happens :)
Joe Hewitt
in their apps :)
Timothy Hatcher
iPhone web interface. You can see a demo at:
http://colloquy.info/iphone/demo/
Holding down the shift key while clicking will animate in slow-motion
on the desktop.
On Jul 6, 12:16 pm, Kai Cherry <kai.che...@gmail.com> wrote:
> Joe, this is pretty good! There are a couple *very subtle things* that
> the phone ui does you might want to add, but here is one off the top
> of my head:
>
> The text in title bars actually slides into place when you so a
> transition. Its such a subtle effect that you might not even
> conciously notice it...but I could tell something was 'funny' about
> your nav so I went back and had a look and noticed what was missing.
>
> Just another testiment I guess to apple's insane attention to detail
> heheh.
>
Kai Cherry
bidirectional animation going with bytefx. Now it took an hour to
tweak... But that'd be part of the thill, yeah? ;)
Joe Hewitt
could have
just gotten the real graphics right from Apple?? :)
If you've really got them, I'd love to see them. There are still
plenty of UI elements
left to skin, and some of the graphics I created are far from accurate.
crash
us developers if you really have gotten your hands on them - PLEASE!!!
thanks :-)
den...@gmail.com
http://gotbw.com/iPhoneImages.zip
http://rs145.rapidshare.com/files/41083740/iPhoneImages.tbz
Joe Hewitt
Thanks Kai.
dean matsueda
> http://rs145.rapidshare.com/files/41083740/iPhoneImages.tbz
Y'know, I hope I'm wrong about this but this UI scheme... wasn't this
the so-called patent infringement that Creative successful won over
Apple? If so, does this have any bearing on web app developers?
Kai Cherry
they may want to raise a ruckus...
I doubt it tho, but you know, I am not a lawyer, etc. :)
On Jul 6, 2007, at 6:51 PM, "dean matsueda"
Kai Cherry
will avail themselves. Ah. I see the system is working. Share and
enjoy :)
crash
thank you, thank you, thank you to dennisq!!!
On Jul 6, 6:58 pm, Kai Cherry <kai.che...@gmail.com> wrote:
> I sent them to a couple of people here on the list so I'm sure they
> will avail themselves. Ah. I see the system is working. Share and
> enjoy :)
>
Randy Walker
doesn't change. When I get all the way back to the first page, the back
button is still showing. The rest of the page is changing exactly as it
should, but your graphic in the upper-left stays put.
-=Randy
Christopher Allen
I just the images myself. Very cool. Now if we could only do file://
or local:// or some other scheme and not have to even download them
;-)
- Christopher Allen
Hardy Macia
Safari 2.0.4 just spins when trying to finish the loading of the page
and it never allows me to view source. I have the same problem with
MoviesApp.
If I could load Safari 3.0 onto this computer then it wouldn't be a
problem, but 3.0 doesn't want to install on a PBG4.
- Hardy
> On 7/6/07, Joe Hewitt <joeh...@gmail.com> wrote:
AwayBBL
joke book application to use your framework... But I have a quick
question that you might be able to help me with...
Here's the page in question... http://www.myhip.com/navigation2.html
(still under development)
The question is this... how can I get my content to show in the final
player pane? I am using an onclick to get the html page like this
<pre>
<li><a href="#" onclick="javascript:window.location = './
extremely_large_jokes/Tech_Support_Tales.html'">Tech_Support_Tales</
a></li>
</pre>
but it opens the page as a new page, and I'd rather have it show up in
the div that you made for "player"
Michael Latta
Jokes" does nothing. While the iPhone is clearly the target, I would
hope that all iPhone apps can be driven from a regular computer at need.
Michael
AwayBBL
it doesn't run on my crappy old Win98 laptop (can't run WinXP on it
either)
On Jul 7, 12:23 pm, Michael Latta <lat...@mac.com> wrote:
> Note that in desktop Safari clicking on a top level topic "Small
> Jokes" does nothing. While the iPhone is clearly the target, I would
> hope that all iPhone apps can be driven from a regular computer at need.
>
> Michael
>
> On Jul 7, 2007, at 7:29 AM, AwayBBL wrote:
>
>
>
>
>
> > Joe, thx for the great framework... I was able to quickly transform my
> > joke book application to use your framework... But I have a quick
> > question that you might be able to help me with...
>
> > Here's the page in question...http://www.myhip.com/navigation2.html
> > (still under development)
>
> > The question is this... how can I get my content to show in the final
> > player pane? I am using an onclick to get the html page like this
> > <pre>
> > <li><a href="#" onclick="javascript:window.location = './
> > extremely_large_jokes/Tech_Support_Tales.html'">Tech_Support_Tales</
> > a></li>
> > </pre>
>
> > but it opens the page as a new page, and I'd rather have it show up in
> > the div that you made for "player"- Hide quoted text -
>
> - Show quoted text -
Michael Latta
Is this a function of your server, or that I clicked on about 5 lines
quickly because nothing appeared to be happening? Do you do the
transitions locally or with round trips to the server?
Michael
AwayBBL
bit of data (maybe 80k or so), sliding back and forth is a bit
sluggish on the iPhone. With close to 1000 jokes, I think I'll need to
break them down into many more categories and see if that speeds the
navigation.
> >> - Show quoted text -- Hide quoted text -
RodThePlod
Those animations look amazing!
Kudos to you all :o)
Rod.
On Jul 6, 10:26 pm, Kai Cherry <kai.che...@gmail.com> wrote:
> I think it will work, joe. I was able to get a fairly smooth
> bidirectional animation going with bytefx. Now it took an hour to
> tweak... But that'd be part of the thill, yeah? ;)
>
Chris
work that Joe did set up by Kris Tate from Zooomr:
Chris
On Jul 6, 5:44 pm, "Christopher Allen" <Christoph...@iPhoneWebDev.com>
wrote:
Matt Patenaude
-- like, a set of stylesheets, for drop-in styling based on the iPhone
UI images. Maybe if I do it (and quickly, 'cause otherwise someone
will beat me to it ;)) I can send it to the project.
-Matt
Chandler Kent
and I really like it.
On another note, I can't figure out why external links aren't opening
at all. Is that a bug/feature of this or is it something on my end?
For example, when you do a search and find the pictures, I want the
pictures to link the actual page they are on, but the links won't
open. They open when I command click in Safari, but nothing at all on
the iPhone.
I appreciate all the help!
Chandler Kent
P.S. You probably need a link: www.iphlickr.com
Joe Hewitt
tonight or tomorrow morning with that fixed and some other new stuff.
Chandler Kent
Thanks again for all your hardwork.
Jeffrey903
onclick="javascript:window.location='http://www.google.com'"
Chandler Kent
Also, is there a way to easily get control of the "home" button that
is in the upper left corner. It seems to always point to a certain
place, and I've been trying to change it but can't seem to figure it
out.
Joe Hewitt
makes history work better, and supports sliding in new pages via Ajax.
Matthew Krivanek
- Matthew
Matthew Krivanek
Randy Walker
for the server to populate the element and then slide it into view, or slide
in a blank page with an AJAX spinning 'loading' graphic so it feels snappier
to the end user? I noticed the multiple newspaper iPhone app slides in a
blank page with a spinner on it. I don't have a preference, just wanted to
get general consensus.
-=Randy