iPhone 5

Mike McAleer · 12th Sep 2012, 01:05 PM

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

AchTi · 12th Sep 2012, 01:37 PM

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

SJJPFTW · 12th Sep 2012, 07:31 PM

Originally Posted by Mike McAleer

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 Sep 2012, 07:34 PM

Originally Posted by Mike McAleer

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 Sep 2012, 08:40 PM

Thanks guys and Brandon

WillR · 14th Sep 2012, 06:43 PM

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 Sep 2012, 08:05 PM

Originally Posted by WillR

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 Sep 2012, 08:28 PM

Originally Posted by Brandon Tanner

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 Sep 2012, 08:43 PM

Originally Posted by Brandon Tanner

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

Brandon Tanner · 14th Sep 2012, 09:44 PM

Originally Posted by WillR

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 Sep 2012, 01:00 AM

Originally Posted by Brandon Tanner

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 Sep 2012, 01:27 AM

Fastest & thinnest phone,just want it eagerly.

ERIN BURKE · 15th Sep 2012, 02:47 AM

lolX Iphone 5 just shatup and take my money

logo design

chiragaegis · 3rd Oct 2012, 04:05 AM

Thank u so much

webcashuk · 3rd Oct 2012, 04:26 AM

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 Oct 2012, 04:45 AM

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

Spin17 · 3rd Oct 2012, 06:18 AM

Thank you very much !

AlisonM · 4th Oct 2012, 04:03 AM

Does the iPhone5 support flash? I hope not

sbrettoncm · 4th Oct 2012, 04:18 AM

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 Oct 2012, 08:14 AM

Wow this thread got taken over by spammers lol

Jay Moreno · 4th Oct 2012, 11:15 AM

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 Oct 2012, 08:59 PM

Originally Posted by Brandon Tanner

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 !

GunjanM · 5th Oct 2012, 04:41 AM

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

shoopt · 8th Oct 2012, 03:22 AM

Originally Posted by mfred90

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 Oct 2012, 12:52 AM

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 Oct 2012, 03:46 AM

check more Features of iphone 5

dantehicks · 11th Oct 2012, 11:34 AM

Originally Posted by 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

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 Oct 2012, 11:47 AM

Originally Posted by dantehicks

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 Oct 2012, 11:54 AM

Originally Posted by Jay Moreno

@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

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

12th Sep 2012, 01:05 PM	#1
Mike McAleer WSOCharity.com War Room Member Join Date: 2011 Posts: 2,224 Thanks: 68 Thanked 253 Times in 205 Posts	iPhone 5 Share on: New screen size... Will that change anything with a template for mobile such as Will R's template??
	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

12th Sep 2012, 01:37 PM	#2
AchTi The Social Niche Expert Join Date: 2012 Location: US Posts: 41 Thanks: 17 Thanked 6 Times in 6 Posts	Re: iPhone 5 Share on: Well I hear its supposed to be faster and thinner too so that may come into play in making a difference
	>> First 5 Affiliates to reach 100 Sales Receive $1,000 Apple Gift Cards! Learn more Here<<

12th Sep 2012, 08:40 PM	#5
Mike McAleer WSOCharity.com War Room Member Join Date: 2011 Posts: 2,224 Thanks: 68 Thanked 253 Times in 205 Posts	Re: iPhone 5 Share on: Thanks guys and Brandon
	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

14th Sep 2012, 06:43 PM	#6
WillR Digital Marketer War Room Member Join Date: 2010 Location: Australia Posts: 12,472 Thanks: 1,984 Thanked 8,187 Times in 4,079 Posts	Re: iPhone 5 Share on: 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.
	. ➨ Here's How to Make Your First $177 Online This Week Using the Piggyback Method... .

15th Sep 2012, 01:27 AM	#12
synch@123 Warrior Member Join Date: 2012 Posts: 3 Thanks: 0 Thanked 0 Times in 0 Posts	Re: iPhone 5 Share on: Fastest & thinnest phone,just want it eagerly.
	Jewellery Shop in Jamshedpur\|Jamshedpur Jewellers\|Jewellery store in Jamshedpur\|Diamonds Jewellery Shops in Jamshedpur\|Gold Jewellery Shops in Jamshedpur\|Jewellery shop in Ranchi\|iPhone Application Development in India\|Custom Software Development Company\|Web Applications Development Company\|Mobile Applications Development Company

15th Sep 2012, 02:47 AM	#13
ERIN BURKE Warrior Member Join Date: 2012 Posts: 1 Thanks: 0 Thanked 0 Times in 0 Posts	Re: iPhone 5 Share on: lolX Iphone 5 just shatup and take my money logo design

3rd Oct 2012, 04:05 AM	#14
chiragaegis Warrior Member Join Date: 2012 Posts: 10 Thanks: 0 Thanked 0 Times in 0 Posts	Re: iPhone 5 Share on: Thank u so much

3rd Oct 2012, 04:26 AM	#15
webcashuk Active Warrior War Room Member Join Date: 2008 Location: , , United Kingdom. Posts: 98 Thanks: 9 Thanked 36 Times in 32 Posts	Re: iPhone 5 Share on: 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

3rd Oct 2012, 04:45 AM	#16
shifat HyperActive Warrior War Room Member Join Date: 2009 Location: bangladesh Posts: 294 Thanks: 12 Thanked 52 Times in 29 Posts	Re: iPhone 5 Share on: Does anyone have iphone 5 yet,how much does it cost back in states?

3rd Oct 2012, 06:18 AM	#17
Spin17 Warrior Member Join Date: 2012 Posts: 15 Thanks: 0 Thanked 1 Time in 1 Post	Re: iPhone 5 Share on: Thank you very much !

4th Oct 2012, 04:03 AM	#18
AlisonM HyperActive Warrior Join Date: 2010 Location: Devon UK Posts: 185 Thanks: 14 Thanked 24 Times in 23 Posts	Re: iPhone 5 Share on: Does the iPhone5 support flash? I hope not
	FREE Video - Dean Holland - Internet Millionaire - reveals the 4 Step System he uses to earn online (well worth a watch)

4th Oct 2012, 04:18 AM	#19
sbrettoncm Active Warrior Join Date: 2012 Location: Singapore Posts: 52 Thanks: 6 Thanked 1 Time in 1 Post	Re: iPhone 5 Share on: 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.

4th Oct 2012, 08:14 AM	#20
d0rhk HyperActive Warrior War Room Member Join Date: 2008 Location: Toronto, Canada Posts: 356 Thanks: 88 Thanked 78 Times in 50 Posts	Re: iPhone 5 Share on: Wow this thread got taken over by spammers lol

4th Oct 2012, 11:15 AM	#21
Jay Moreno Mobile+WP = JumpMobi.com War Room Member Join Date: 2009 Location: San Antonio, Tx Posts: 1,271 Thanks: 301 Thanked 449 Times in 309 Posts	Re: iPhone 5 Share on: 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
	Sorry, I am too busy helping people to think of a cool signature!

5th Oct 2012, 04:41 AM	#23
GunjanM Warrior Member Join Date: 2012 Location: USA Posts: 12 Thanks: 0 Thanked 0 Times in 0 Posts	Re: iPhone 5 Share on: nothing to worry for websites owners..no change in iPhone 5 file formats

9th Oct 2012, 12:52 AM	#25
danieljackson09 Warrior Member Join Date: 2012 Posts: 13 Thanks: 0 Thanked 3 Times in 3 Posts	Re: iPhone 5 Share on: New screen size compare to all other versions of iPhone. That may affect the iPhone app which are developed in earlier versions of iPhone.

11th Oct 2012, 03:46 AM	#26
salelink Active Warrior Join Date: 2010 Posts: 55 Thanks: 0 Thanked 2 Times in 2 Posts	Re: iPhone 5 Share on: check more Features of iphone 5
	Live Score Soccer Study in Canada