+ Reply
Page 2 of 2 FirstFirst 12
Results 21 to 31 of 31

Your favorite Apple, iPhone, iPad, iOS, Jailbreak, and Cydia site.


Thread: Designing Web Pages for the iPhone

is a discussion within the

Web Apps

forums, a part of the

3rd Party Apps For iPhone | iPod Touch

section;
Originally Posted by poetic_folly 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 =
...
  1. #21
    Green Apple
    Join Date
    Sep 2007
    Posts
    32
    Thanks
    2
    Thanked 1 Time in 1 Post
    Quote Originally Posted by poetic_folly View Post
    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.

  2. #22
    Green Apple
    Join Date
    Mar 2008
    Location
    California
    Posts
    34
    Thanks
    4
    Thanked 3 Times in 2 Posts

    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

  3. #23
    Green Apple
    Join Date
    Dec 2009
    Location
    England
    Posts
    40
    Thanks
    3
    Thanked 13 Times in 7 Posts

    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

  4. #24
    Green Apple
    Join Date
    Jan 2010
    Posts
    41
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Desingning great:
    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

  5. #25
    What's Jailbreak?
    Join Date
    Jan 2010
    Posts
    24
    Thanks
    4
    Thanked 0 Times in 0 Posts

    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; 01-17-2010 at 03:33 AM.

  6. #26
    What's Jailbreak?
    Join Date
    May 2010
    Location
    Sydney
    Posts
    10
    Thanks
    0
    Thanked 3 Times in 3 Posts

    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

  7. #27
    What's Jailbreak?
    Join Date
    Dec 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thx

  8. #28
    What's Jailbreak?
    Join Date
    Jun 2011
    Posts
    11
    Thanks
    0
    Thanked 1 Time in 1 Post
    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.

  9. #29
    What's Jailbreak?
    Join Date
    Aug 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    is this the type of design you're talking about. Link

  10. #30
    What's Jailbreak?
    Join Date
    Jul 2011
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts

    on iphone 100% just gets changed by mobile safari to "width="auto" just saying good to know
    ..

  11. #31
    What's Jailbreak?
    Join Date
    Jun 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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.

+ Reply
Page 2 of 2 FirstFirst 12
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts