Warrior Forum - The #1 Digital Marketing Forum & Marketplace

Warrior Forum - The #1 Digital Marketing Forum & Marketplace (https://www.warriorforum.com/)

- Mobile Marketing (https://www.warriorforum.com/mobile-marketing/)

- - iPhone 5 (https://www.warriorforum.com/mobile-marketing/672494-iphone-5-a.html)

Mike McAleer

12th September 2012 01:05 PM

iPhone 5

New screen size... Will that change anything with a template for mobile such as Will R's template??

AchTi

12th September 2012 01:37 PM

Re: iPhone 5

Well I hear its supposed to be faster and thinner too so that may come into play in making a difference

SJJPFTW

12th September 2012 07:31 PM

Re: iPhone 5

Quote:

Originally Posted by Mike McAleer (Post 6971625)

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.

Brandon Tanner

12th September 2012 07:34 PM

Re: iPhone 5

Quote:

Originally Posted by Mike McAleer (Post 6971625)

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>

Mike McAleer

12th September 2012 08:40 PM

Re: iPhone 5

Thanks guys and Brandon

WillR

14th September 2012 06:43 PM

Re: iPhone 5

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.

Brandon Tanner

14th September 2012 08:05 PM

Re: iPhone 5

Quote:

Originally Posted by WillR (Post 6986960)

In terms of viewing, the width of the display hasn't changed, only the height.

Unless of course they're viewing in landscape mode.

SJJPFTW

14th September 2012 08:28 PM

Re: iPhone 5

Quote:

Originally Posted by Brandon Tanner (Post 6987281)

Unless of course they're viewing in landscape mode.

True, but I find most mobile sites are made or (and usually viewed) in portrait.

WillR

14th September 2012 08:43 PM

Re: iPhone 5

Quote:

Originally Posted by Brandon Tanner (Post 6987281)

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

http://i.imgur.com/OCFHY.jpg

iPhone Landscape Mode -- 320 x 480

http://i.imgur.com/gyHIw.jpg

Brandon Tanner

14th September 2012 09:44 PM

Re: iPhone 5

Quote:

Originally Posted by WillR (Post 6987425)

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?

WillR

15th September 2012 01:00 AM

Re: iPhone 5

Quote:

Originally Posted by Brandon Tanner (Post 6987617)

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?

Brandon,

Not sure about the others. Android phones seem to change deepening on the orientation of the phone (which makes sense) but the iphone has always kept the same values regardless of the orientation.

synch@123

15th September 2012 01:27 AM

Re: iPhone 5

Fastest & thinnest phone,just want it eagerly.

ERIN BURKE

15th September 2012 02:47 AM

Re: iPhone 5

lolX Iphone 5 just shatup and take my money :D

logo design

chiragaegis

3rd October 2012 04:05 AM

Re: iPhone 5

Thank u so much

webcashuk

3rd October 2012 04:26 AM

Re: iPhone 5

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

shifat

3rd October 2012 04:45 AM

Re: iPhone 5

Does anyone have iphone 5 yet,how much does it cost back in states?

Spin17

3rd October 2012 06:18 AM

Re: iPhone 5

Thank you very much !

AlisonM

4th October 2012 04:03 AM

Re: iPhone 5

Does the iPhone5 support flash? I hope not :)

sbrettoncm

4th October 2012 04:18 AM

Re: iPhone 5

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.

d0rhk

4th October 2012 08:14 AM

Re: iPhone 5

Wow this thread got taken over by spammers lol

Jay Moreno

4th October 2012 11:15 AM

Re: iPhone 5

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

Akori

4th October 2012 08:59 PM

Re: iPhone 5

Quote:

Originally Posted by Brandon Tanner (Post 6973552)

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 !

GunjanM

5th October 2012 04:41 AM

Re: iPhone 5

nothing to worry for websites owners..no change in iPhone 5 file formats

shoopt

8th October 2012 03:22 AM

Re: iPhone 5

Quote:

Originally Posted by mfred90 (Post 7126178)

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

danieljackson09

9th October 2012 12:52 AM

Re: iPhone 5

New screen size compare to all other versions of iPhone. That may affect the iPhone app which are developed in earlier versions of iPhone.

salelink

11th October 2012 03:46 AM

Re: iPhone 5

check more Features of iphone 5

dantehicks

11th October 2012 11:34 AM

Re: iPhone 5

Quote:

Originally Posted by Jay Moreno (Post 7105987)

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?

Jay Moreno

11th October 2012 11:47 AM

Re: iPhone 5

Quote:

Originally Posted by dantehicks (Post 7150435)

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

dantehicks

11th October 2012 11:54 AM

Re: iPhone 5

Quote:

Originally Posted by Jay Moreno (Post 7150510)

Yessir, that is exactly what I need. Thanks for your help!

All times are GMT -6. The time now is 05:42 PM.