Re: [css-d] iPhone difference 5 & 5c ?

2015-10-14 Thread Crest Christopher 

What is the iPhone 5c & 5s actual display width, at;

320px = good
319px = good
318px = good
317px = good
316px = *breaks*

Tom Livingston wrote:


On Wed, Oct 14, 2015 at 12:04 PM, Crest Christopher
 wrote:


The opera mini I use on my phone displays the page fine, besides it's
problem rendering some pseudo-elements, other then that.

It may be iPhone5 c is only 640px width in resolution, how can I solve
this if I can't emulate a webkit on an iPhone 5 and 5c& 5s, which at this
point besides iPod touch are my only problem devices, arghh.



Don't use an emulator.

You mentioned Mobilizer, and I also mentioned Browserstack. Run your
site in those, which supposedly use actual devices, make adjustments
and run it again.





Tom Livingston wrote:


Other than Opera Mini, you cannot run any other rendering engine on an
iOS device other than the installed Webkit.

My suggestion is to not build the page so it is dependent on pixel
widths - at least not to the extent that a 1 pixel difference breaks
your page. Yikes!






__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iPhone difference 5 & 5c ?

2015-10-14 Thread MiB 

okt 14 2015 01:28 Crest Christopher :

> What if you don't have an iPhone or a Mac to begin with, there is no other 
> options besides Chrome, or am I wrong ?

Xcode has iphone emulation . I haven’t applied it recently, but I think you can 
run it separately from the coding in Xcode. I did this at some point, but I 
don’t remember the set up and it should have been changed now..I use Bluestacks 
for Android.


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iPhone difference 5 & 5c ?

2015-10-14 Thread Crest Christopher 
The emulator I'm using are strictly using default OS and browser, which 
is why the 5 series of iPhones I see problems and the 6 series if 
iPhones those problems are non-existent.


MiB wrote:


okt 14 2015 01:28 Crest Christopher:



What if you don't have an iPhone or a Mac to begin with, there is no 
other options besides Chrome, or am I wrong ?



Xcode has iphone emulation . I haven’t applied it recently, but I 
think you can run it separately from the coding in Xcode. I did this 
at some point, but I don’t remember the set up and it should have been 
changed now..I use Bluestacks for Android.



__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iPhone difference 5 & 5c ?

2015-10-14 Thread Crest Christopher 
The opera mini I use on my phone displays the page fine, besides it's 
problem rendering some pseudo-elements, other then that.


It may be iPhone5 c is only 640px width in resolution, how can I solve 
this if I can't emulate a webkit on an iPhone 5 and 5c & 5s, which at 
this point besides iPod touch are my only problem devices, arghh.


Tom Livingston wrote:


Other than Opera Mini, you cannot run any other rendering engine on an
iOS device other than the installed Webkit.

My suggestion is to not build the page so it is dependent on pixel
widths - at least not to the extent that a 1 pixel difference breaks
your page. Yikes!

On Wed, Oct 14, 2015 at 11:43 AM, Crest Christopher
 wrote:


The only solution I can think of is since the problem is with Safari 
using

WebKit engine is if it's possible to switch between webkit and blink ?


MiB wrote:



okt 14 2015 01:28 Crest Christopher:



What if you don't have an iPhone or a Mac to begin with, there is no
other options besides Chrome, or am I wrong ?




Xcode has iphone emulation . I haven’t applied it recently, but I think
you can run it separately from the coding in Xcode. I did this at some
point, but I don’t remember the set up and it should have been changed
now..I use Bluestacks for Android.


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/





__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iPhone difference 5 & 5c ?

2015-10-14 Thread Crest Christopher 
The only solution I can think of is since the problem is with Safari 
using WebKit engine is if it's possible to switch between webkit and blink ?


MiB wrote:


okt 14 2015 01:28 Crest Christopher:



What if you don't have an iPhone or a Mac to begin with, there is no 
other options besides Chrome, or am I wrong ?



Xcode has iphone emulation . I haven’t applied it recently, but I 
think you can run it separately from the coding in Xcode. I did this 
at some point, but I don’t remember the set up and it should have been 
changed now..I use Bluestacks for Android.



__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iPhone difference 5 & 5c ?

2015-10-14 Thread Tom Livingston 
Other than Opera Mini, you cannot run any other rendering engine on an
iOS device other than the installed Webkit.

My suggestion is to not build the page so it is dependent on pixel
widths - at least not to the extent that a 1 pixel difference breaks
your page. Yikes!

On Wed, Oct 14, 2015 at 11:43 AM, Crest Christopher
 wrote:
> The only solution I can think of is since the problem is with Safari using
> WebKit engine is if it's possible to switch between webkit and blink ?
>
>
> MiB wrote:
>>
>>
>> okt 14 2015 01:28 Crest Christopher:
>>
>>>
>>> What if you don't have an iPhone or a Mac to begin with, there is no
>>> other options besides Chrome, or am I wrong ?
>>
>>
>>
>> Xcode has iphone emulation . I haven’t applied it recently, but I think
>> you can run it separately from the coding in Xcode. I did this at some
>> point, but I don’t remember the set up and it should have been changed
>> now..I use Bluestacks for Android.
>>
>>
>> __
>> css-discuss [css-d@lists.css-discuss.org]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
> __
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



-- 

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iPhone difference 5 & 5c ?

2015-10-14 Thread Tom Livingston 
http://viewportsizes.com/?filter=iPhone



On Wed, Oct 14, 2015 at 12:14 PM, Crest Christopher
 wrote:
> What is the iPhone 5c & 5s actual display width, at;
>
> 320px = good
> 319px = good
> 318px = good
> 317px = good
> 316px = *breaks*
>
> Tom Livingston wrote:
>
>
> On Wed, Oct 14, 2015 at 12:04 PM, Crest Christopher
>   wrote:
>
>
> The opera mini I use on my phone displays the page fine, besides it's
> problem rendering some pseudo-elements, other then that.
>
> It may be iPhone5 c is only 640px width in resolution, how can I solve
> this if I can't emulate a webkit on an iPhone 5 and 5c&  5s, which at this
> point besides iPod touch are my only problem devices, arghh.
>
>
>
> Don't use an emulator.
>
> You mentioned Mobilizer, and I also mentioned Browserstack. Run your
> site in those, which supposedly use actual d evices, make adjustments
> and run it again.
>
>
>
>
> Tom Livingston wrote:
>
>
> Other than Opera Mini, you cannot run any other rendering engine on an
> iOS device other than the installed Webkit.
>
> My suggestion is to not build the page so it is dependent on pixel
> widths - at least not to the extent that a 1 pixel difference breaks
> your page. Yikes!
>
>
>
>



-- 

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iPhone difference 5 & 5c ?

2015-10-14 Thread Tom Livingston 
On Wed, Oct 14, 2015 at 12:04 PM, Crest Christopher
 wrote:
> The opera mini I use on my phone displays the page fine, besides it's
> problem rendering some pseudo-elements, other then that.
>
> It may be iPhone5 c is only 640px width in resolution, how can I solve
> this if I can't emulate a webkit on an iPhone 5 and 5c & 5s, which at this
> point besides iPod touch are my only problem devices, arghh.

Don't use an emulator.

You mentioned Mobilizer, and I also mentioned Browserstack. Run your
site in those, which supposedly use actual devices, make adjustments
and run it again.



>
> Tom Livingston wrote:
>
>
> Other than Opera Mini, you cannot run any other rendering engine on an
> iOS device other than the installed Webkit.
>
> My suggestion is to not build the page so it is dependent on pixel
> widths - at least not to the extent that a 1 pixel difference breaks
> your page. Yikes!
>



-- 

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iPhone difference 5 & 5c ?

2015-10-14 Thread Crest Christopher 
I know one can argue to use percentages but, it's not as if I have a 
major problem. I want to hopefully find a method to solve.


Philip Taylor wrote:



Georg wrote:



With the wide range of screen dimensions and resolutions our designs
(risk) ending up on today, it sounds strange that some are still
limiting their designs to specific pixel measures.



Quite.
Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iPhone difference 5 & 5c ?

2015-10-14 Thread Tom Livingston 
On Wed, Oct 14, 2015 at 12:14 PM, Crest Christopher
 wrote:
> What is the iPhone 5c & 5s actual display width, at;
>
> 320px = good
> 319px = good
> 318px = good
> 317px = good
> 316px = *breaks*
>


How you handle very small viewports is up to you. Deliver un-styled or
minimally styled content (just text?), make your layout work below
320, whatever you want.


-- 

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iPhone difference 5 & 5c ?

2015-10-14 Thread Philip Taylor 


Georg wrote:

> With the wide range of screen dimensions and resolutions our designs
> (risk) ending up on today, it sounds strange that some are still
> limiting their designs to specific pixel measures.

Quite.
Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iPhone difference 5 & 5c ?

2015-10-14 Thread Tom Livingston 
On Wed, Oct 14, 2015 at 12:21 PM, Crest Christopher
 wrote:
> This doesn't make sense, you tested the page on your iPhone Tom and nothing
> was broken, yet the emulator which does use real devices showed the page on
> the iPhone 5s with broken areas ?
>

Can't help you there. If you are referring to Mobilizer, then try the
free trial on Browserstack and see if you get the same results.


> Tom Livingston wrote:
>
>
> http://viewportsizes.com/?filter=iPhone
>
>


-- 

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iPhone difference 5 & 5c ?

2015-10-14 Thread Crest Christopher 

?

Tom Livingston wrote:


On Wed, Oct 14, 2015 at 12:14 PM, Crest Christopher
 wrote:


What is the iPhone 5c& 5s actual display width, at;

320px = good
319px = good
318px = good
317px = good
316px = *breaks*





How you handle very small viewports is up to you. Deliver un-styled or
minimally styled content (just text?), make your layout work below
320, whatever you want.


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iPhone difference 5 & 5c ?

2015-10-14 Thread Crest Christopher 
The trail doesn't allow me to test on iPhone 5s, anyone have a 
membership to BrowserStack ?


Tom Livingston wrote:


On Wed, Oct 14, 2015 at 12:21 PM, Crest Christopher
 wrote:


This doesn't make sense, you tested the page on your iPhone Tom and 
nothing
was broken, yet the emulator which does use real devices showed the 
page on

the iPhone 5s with broken areas ?




Can't help you there. If you are referring to Mobilizer, then try the
free trial on Browserstack and see if you get the same results.




Tom Livingston wrote:


http://viewportsizes.com/?filter=iPhone






__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iPhone difference 5 & 5c ?

2015-10-14 Thread Georg 
With the wide range of screen dimensions and resolutions our designs 
(risk) ending up on today, it sounds strange that some are still 
limiting their designs to specific pixel measures.


Den 14.10.2015 02:42, skrev Tom Livingston:

If one pixel is causing such big issues, you may have bigger issues.


On Tuesday, October 13, 2015, Crest Christopher 
wrote:


I should have designed at 319px width, not 320px width, arghh !


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iPhone difference 5 & 5c ?

2015-10-14 Thread Crest Christopher 
This doesn't make sense, you tested the page on your iPhone Tom and 
nothing was broken, yet the emulator which does use real devices showed 
the page on the iPhone 5s with broken areas ?


Tom Livingston wrote:


http://viewportsizes.com/?filter=iPhone



On Wed, Oct 14, 2015 at 12:14 PM, Crest Christopher
 wrote:


What is the iPhone 5c& 5s actual display width, at;

320px = good
319px = good
318px = good
317px = good
316px = *breaks*

Tom Livingston wrote:


On Wed, Oct 14, 2015 at 12:04 PM, Crest Christopher
 wrote:


The opera mini I use on my phone displays the page fine, besides it's
problem rendering some pseudo-elements, other then that.

It may be iPhone5 c is only 640px width in resolution, how can I solve
this if I can't emulate a webkit on an iPhone 5 and 5c& 5s, which at this
point besides iPod touch are my only problem devices, arghh.



Don't use an emulator.

You mentioned Mobilizer, and I also mentioned Browserstack. Run your
site in those, which supposedly use actual d evices, make adjustments
and run it again.




Tom Livingston wrote:


Other than Opera Mini, you cannot run any other rendering engine on an
iOS device other than the installed Webkit.

My suggestion is to not build the page so it is dependent on pixel
widths - at least not to the extent that a 1 pixel difference breaks
your page. Yikes!









__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/