1. rupchurc's Avatar
    http://www.joehewitt.com/blog/iphone_tips_loo.php

    The basics:

    <script type="application/x-javascript">

    addEventListener("load", function()
    {
    setTimeout(updateLayout, 0);
    }, false);

    var currentWidth = 0;

    function updateLayout()
    {
    if (window.innerWidth != currentWidth)
    {
    currentWidth = window.innerWidth;

    var orient = currentWidth == 320 ? "profile" : "landscape";
    document.body.setAttribute("orient", orient);
    setTimeout(function()
    {
    window.scrollTo(0, 1);
    }, 100);
    }
    }

    setInterval(updateLayout, 400);

    </script>
    I used the css script in the demo above, but ive noticed one problem im hoping someone knows the answer to. When you switch from landscape to portraite after using the back button the main page is sometimes blown up wither way you view it. Refreshing fixes the problem but it only happens when you hit the back button to view the previous page. This is stating using that layout in that demo for each content page. exsample see http://www.lexerd.homeip.net/projectiphone.html click on a link let it load, then go back and toggle to landscape or portraite.
    2008-04-17 02:58 AM
  2. mikeyman70's Avatar
    i havent been able to get my site working right
    i keep getting stuck, for some reason the page
    doesnt cover the whole screen, it leaves a small white border
    around the edges, idk why, i also need to figure out
    how to link the alert popup so that when you press
    cancel it only closes the box and doesnt redirect you,
    and when you push ok is actually searches the entered text
    another thing i would have to do is make a search icon that
    matches the banner

    if you think you can help please PM me
    3.0 iPhone 2g
    Windows XP
    2009-11-24 03:18 AM
  3. cainy393's Avatar
    I would suggest using a proper iphone style, with the rounded boxes and everything. if you can't be bothered to write this however the nick tytubes, just make all your layout completley plain with no special features, and paste this code into your head tag:

    <link href="http://tytube.net/css/style.css" rel="stylesheet" type="text/css" />

    Checkout my iphone site: Wills iPod Touch

    it's an iphone version of my original: Wills iPod Touch
    2010-01-04 07:18 PM
  4. nitikasnv's Avatar
    Hi,

    I am very overwhelmed,

    i am thinking to get in the development field i love to do scripting.Its very great that your providing tips for how to design a web page for iphone.

    I will definitely try it

    Thanks
    No signature spam... only warning
    2010-01-07 12:49 PM
  5. emo-3amer's Avatar
    Hey everyone , please check out my site 4 iPhone (iSite Template) and tell me my mistakes

    I really don't know what to put inside

    anyway here it is

    blacknatur3.2kool4u.net/m
    Last edited by emo-3amer; 2010-01-17 at 12:33 PM.
    2010-01-17 12:30 PM
  6. OliphanT's Avatar
    Hate to be the bearer of bad news but all I am getting from http://iphone.modmyi.com is

    Index of /
    Name Last Modified Size Description

    And then no files listed.

    Pretty sure it shouldn't be doing this?

    Regards

    OliphanT
    2010-05-17 08:59 AM
  7. 0NLYJDOG13's Avatar
    2010-12-05 06:01 PM
  8. Co2Noss's Avatar
    Thank you thank you thank you! Can't say it enough. There is a nice app on the iTunes store, but I like to do things myself. Wonderful hints and tips.
    2011-06-29 10:08 AM
  9. Jon444555's Avatar
    is this the type of design you're talking about. Link
    2011-08-08 06:52 PM
  10. paul123paul's Avatar
    on iphone 100% just gets changed by mobile safari to "width="auto" just saying good to know
    ..
    2011-09-11 12:31 PM
  11. LeylaBahria's Avatar
    It depends of the web designer, if the web is made with CSS3 in mind and only uses images for things like actual pictures the website would look very sharp and crisp, but if the designer is a lazy one and uses images for things like custom title fonts, buttons, etc then the website would look blurry.

    I'm designing my personal website with a retina iPad in mind, when the iPad 3 goes on sale I will post it so people can see how nice an optimized website can look.
    2012-06-02 07:50 PM
31 12
LINK TO POST COPIED TO CLIPBOARD