Back Home

Open Designs

Community. Driven.

General Talk: media=max-device-width:480px (designing for iPhone)

Bottom of Page

1 to 6 of 6

  1.  
    • CommentAuthorwundertype
    • CommentTimeJun 29th 2008 edited by wundertype on the 01st July 2008 at 14:26:54 EDT
     
    Hi all, for quite a few month now I am involved in a job which my project partner calls a "frontend design".

    I did a lot of nice 1024px screens in Photoshop and many HTML snippets trying to ignore the tons of javascript and server related code the programming company dumped over us.

    Thanks to OD, my HTML CSS coding knowledge is now–let's say intermediate.

    The end client is quite satisfied altough there still are many, many rough edges and sections under construction. The project is not really in beta stage and not published yet.

    But in addition, it now comes to re-designing it for handhelds, especially for the iPhone as the test platform and poster child of mobile devices.

    I have never done this before but find it very interesting, of cause!

    So far I have signed a free Apple "Developer" account and downloaded the free iPhone SDK of which I plan to use the Simulator. The rest seems to be way to heavy for me.

    If you OD people know any other good examples, secret shortcuts, witty visions, cool templates, compact insights etc. I'd greatly appreciate that!

    Thanks for keeping it simple und stupid for me.
    • CommentAuthorMike Weiss
    • CommentTimeJun 29th 2008
     
    If you need any testing, I have a Windows Mobile phone with Opera and IE on it. Both are pretty simple browsers compaired to the iPhone.
    •  
      CommentAuthorgnome
    • CommentTimeJun 29th 2008 edited by gnome on the 29th June 2008 at 15:36:39 EDT
     
    • CommentAuthorwundertype
    • CommentTimeJun 29th 2008 edited by wundertype on the 29th June 2008 at 12:49:49 EDT
     
    Thanks@Mike. Once it's on a public server I'll let you know –

    This thread on the iPhone Simulator (50% of original pixel size)


    Available at developer.apple.com/
    The iPhone SDK requires Mac OS 10.5 and some GB of free space.
    For some reason the simulator was not part of the standard installation but I REALLY like it and think it's interesting for some of you too.

    – Thanks@Gnome. Again we replied in almost the same minute.
    • CommentAuthorXSQueen
    • CommentTimeJun 30th 2008
     
    Any of this for people on a windows based platform developing for iphone? Just curious since I am still fighting to wrap my head (and designs) around screen resolutions ickier than mine (I am at 1024x768 on work and 12something at home (22" monitor) so everything that looks right on those is HUGE on 800x600 ..
  6.  
    My best find so far is this viewport meta tag:
    <meta name="viewport" content="width=device-width;
    initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
    It keeps my option lists etc. the same size when changing between landscape und portrait orientation of the iPhone. (I think I can rely on the simulator here).

    What I still need are examples–if there are any–for fixed height objects in general and a scrollable list with overflow:auto and a fixed height, either for landscape und portrait. -

    @XSQ: Windows, no idea ;-) ;-)

1 to 6 of 6

  1.