31 replies
New screen size... Will that change anything with a template for mobile such as Will R's template??
#iphone
  • Profile picture of the author AchTi
    Well I hear its supposed to be faster and thinner too so that may come into play in making a difference
    {{ DiscussionBoard.errors[6971816].message }}
  • Profile picture of the author SJJPFTW
    Originally Posted by Mike McAleer View Post

    New screen size... Will that change anything with a template for mobile such as Will R's template??
    I doubt it as mobile sites are designed for mobiles not iPhones specifically. They need to work on screens from 3.5 upto 5.3 inches across.

    I COULD be wrong but I'm sure WillR will be along shortly to let us know.
    Signature

    If you want to learn more about making money with small business owners for FREE click here to be notified when review copies of my new offline course are available.

    Please remember if something I do helps you, the thanks button helps me :-) ------------------>

    {{ DiscussionBoard.errors[6973545].message }}
  • Profile picture of the author Brandon Tanner
    Originally Posted by Mike McAleer View Post

    New screen size... Will that change anything with a template for mobile such as Will R's template??
    If you use a redirect based on screen size, then that's definitely something you will need to account for. The iPhone 5's screen resolution is 1136 x 640 px, which means that it's the first iPhone that has a pixel width greater than a (somewhat) common desktop monitor display width (1024 px).

    So in my opinion... IF you use a screen size-based redirect (as opposed to a user agent redirect), then you should create conditional rules in your redirect code that account for (at a minimum) the iPhone 5 and Samsung Galaxy S3 screen resolutions.

    For example...

    Code:
    <script type="text/javascript">
    
    if ((screen.width == 1136) && (screen.height == 640)) { /* iPhone 5 */
        window.location = 'http:www.MobileWebsite.com';
        } else if ((screen.width == 1280) && (screen.height == 720)) { /* Galaxy S3 */
        window.location = 'http:www.MobileWebsite.com';
        } else if (screen.width < 1024) { /* the vast majority of all other mobile devices */
        window.location = 'http:www.MobileWebsite.com';
        }
    
    </script>
    Signature

    {{ DiscussionBoard.errors[6973552].message }}
    • Profile picture of the author chiragaegis
      Thank u so much
      {{ DiscussionBoard.errors[7096296].message }}
      • Profile picture of the author webcashuk
        If you need any testing done on a site feel free to send me a pm as i have the iphone 5 so am more than happy to test it for you.The phone is great and the bigger screen fantastic but i will say the battery life is totally crap and in my experience i am getting nowhere near the promised talk times , but your usage may vary



        Peter
        {{ DiscussionBoard.errors[7096367].message }}
    • Profile picture of the author Akori
      Originally Posted by Brandon Tanner View Post

      If you use a redirect based on screen size, then that's definitely something you will need to account for. The iPhone 5's screen resolution is 1136 x 640 px, which means that it's the first iPhone that has a pixel width greater than a (somewhat) common desktop monitor display width (1024 px).

      So in my opinion... IF you use a screen size-based redirect (as opposed to a user agent redirect), then you should create conditional rules in your redirect code that account for (at a minimum) the iPhone 5 and Samsung Galaxy S3 screen resolutions.

      For example...

      Code:
      <script type="text/javascript">
      
      if ((screen.width == 1136) && (screen.height == 640)) { /* iPhone 5 */
          window.location = 'http:www.MobileWebsite.com';
          } else if ((screen.width == 1280) && (screen.height == 720)) { /* Galaxy S3 */
          window.location = 'http:www.MobileWebsite.com';
          } else if (screen.width < 1024) { /* the vast majority of all other mobile devices */
          window.location = 'http:www.MobileWebsite.com';
          }
      
      </script>
      Thanks Brandon was wondering this myself !
      {{ DiscussionBoard.errors[7108894].message }}
  • Profile picture of the author Mike McAleer
    Thanks guys and Brandon
    Signature

    Recent domain flips : $8->$1000 Social recruiting Software dot com $8->$2000 MobileSalesSoftware.com
    Invest in domains without the hard work !
    Email for details...Mike McAleer at me dot com

    {{ DiscussionBoard.errors[6973824].message }}
  • Profile picture of the author WillR
    The only thing it means is people will now be able to see more of your mobile website than they could before. In terms of viewing, the width of the display hasn't changed, only the height.
    {{ DiscussionBoard.errors[6986960].message }}
    • Profile picture of the author Brandon Tanner
      Originally Posted by WillR View Post

      In terms of viewing, the width of the display hasn't changed, only the height.
      Unless of course they're viewing in landscape mode.
      Signature

      {{ DiscussionBoard.errors[6987281].message }}
      • Profile picture of the author SJJPFTW
        Originally Posted by Brandon Tanner View Post

        Unless of course they're viewing in landscape mode.
        True, but I find most mobile sites are made or (and usually viewed) in portrait.
        Signature

        If you want to learn more about making money with small business owners for FREE click here to be notified when review copies of my new offline course are available.

        Please remember if something I do helps you, the thanks button helps me :-) ------------------>

        {{ DiscussionBoard.errors[6987373].message }}
      • Profile picture of the author WillR
        Originally Posted by Brandon Tanner View Post

        Unless of course they're viewing in landscape mode.
        Correct. But in terms of the actual screen width value, on iphones it doesn't change whether you are viewing it in landscape mode or portrait.

        iPhone Portrait Mode -- 320 x 480



        iPhone Landscape Mode -- 320 x 480




        {{ DiscussionBoard.errors[6987425].message }}
        • Profile picture of the author Brandon Tanner
          Originally Posted by WillR View Post

          Correct. But in terms of the actual screen width value, on iphones it doesn't change whether you are viewing it in landscape mode or portrait.
          I didn't realize that. Thanks for pointing that out!

          BTW, do you know of any other popular phones that do that, or is it just the iPhone?
          Signature

          {{ DiscussionBoard.errors[6987617].message }}
  • Profile picture of the author ERIN BURKE
    lolX Iphone 5 just shatup and take my money


    logo design
    {{ DiscussionBoard.errors[6988647].message }}
  • Profile picture of the author shifat
    Does anyone have iphone 5 yet,how much does it cost back in states?
    {{ DiscussionBoard.errors[7096439].message }}
  • Profile picture of the author Spin17
    Thank you very much !
    {{ DiscussionBoard.errors[7096785].message }}
    • Profile picture of the author AlisonM
      Does the iPhone5 support flash? I hope not
      Signature

      "tis true - there's magic in the web" - Shakespeare

      {{ DiscussionBoard.errors[7103428].message }}
  • Profile picture of the author sbrettoncm
    I believe that bigger screen will just enable users to see more of a mobile website. However, since the processor speed is different it may need some sort of alteration to a mobile website. However, since all other aspects of iPhone 5 is the same as iPhone 4S, not much difference will be there between the visibility of a mobile website on the new phone.
    {{ DiscussionBoard.errors[7103487].message }}
  • Profile picture of the author d0rhk
    Wow this thread got taken over by spammers lol
    {{ DiscussionBoard.errors[7104730].message }}
  • Profile picture of the author Jay Moreno
    Biggest issues i have seen are related to mobile web apps on the iphone5.

    You will need a conditional statement to address the different start up page dimensions if you are using full screen mode with your mobile web apps.

    Also you will need to address some minor changes to your viewport width too to make sure that when your web app is in full screen mode it doesn't leave borders at the top and bottom of your page.

    Hope that helps

    Cheers,

    Jay
    Signature
    Sorry, I am too busy helping people to think of a cool signature!
    {{ DiscussionBoard.errors[7105987].message }}
    • Profile picture of the author dantehicks
      Originally Posted by Jay Moreno View Post

      Biggest issues i have seen are related to mobile web apps on the iphone5.

      You will need a conditional statement to address the different start up page dimensions if you are using full screen mode with your mobile web apps.

      Also you will need to address some minor changes to your viewport width too to make sure that when your web app is in full screen mode it doesn't leave borders at the top and bottom of your page.

      Hope that helps

      Cheers,

      Jay
      Jay,

      Would you mind sharing what that conditional statement looks like? And do these go in the <head> ??

      Also, what mod's are required to the viewport code?
      {{ DiscussionBoard.errors[7150435].message }}
      • Profile picture of the author Jay Moreno
        Originally Posted by dantehicks View Post

        Jay,

        Would you mind sharing what that conditional statement looks like? And do these go in the <head> ??

        Also, what mod's are required to the viewport code?
        @dantehicks

        this should cover most of what you need - iPhone 5 and iOS 6 for HTML5 developers, a big step forward: web inspector, new APIs and more | Breaking the Mobile Web

        i would actually recommend passing a global variable or dropping a cookie - so your not continually having to rerun the conditional since its javascript based thats if your sites are php based.

        really depends what and where you need to use it - for the viewport then you do need to run it in the head section of your page.

        hope that helps

        cheers

        jay
        Signature
        Sorry, I am too busy helping people to think of a cool signature!
        {{ DiscussionBoard.errors[7150510].message }}
  • Profile picture of the author GunjanM
    nothing to worry for websites owners..no change in iPhone 5 file formats
    {{ DiscussionBoard.errors[7110471].message }}
  • Profile picture of the author shoopt
    Originally Posted by mfred90 View Post

    Now iOS 6 on the way. iO6 offers you a range of other useful features, such as Do Not Disturb, ability to create the list of very important people, iCloud, Enhanced App Store, New Clock app for iPad, FaceTime and others. By and large, the iOS 6 update is exciting lots of users who own third generation iPad and iPhone 4S. And remember that you really do not need to run out and buy iPhone 5 for taking advantages of all the new features of iOS 6.
    That's a but obvious thing mfred90,Apple provides it's iOS update for all their smart phone models. But iOS 6 seems a bit buggy, a lot of people are downgrading from iOS 6 back to iOS 5.x.x
    Signature

    I am Daniel Jones, working in a Mobile Application Development Company as a Mobile App Developer. I enjoys exploring apps on iOS, blackberry, android and other mobile platforms.

    {{ DiscussionBoard.errors[7126672].message }}
  • Profile picture of the author danieljackson09
    New screen size compare to all other versions of iPhone. That may affect the iPhone app which are developed in earlier versions of iPhone.
    Signature

    {{ DiscussionBoard.errors[7132565].message }}
  • {{ DiscussionBoard.errors[7147378].message }}

Trending Topics