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

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,

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

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

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

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

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

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

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

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

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

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

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

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: > > >

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

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 >

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

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

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

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

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

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

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

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

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

? 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.

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

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,

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

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

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

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

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

I should have designed at 319px width, not 320px width, arghh ! Tom Livingston wrote: Other than viewport sizes, emulators aren't going to show you anything reliable. On Tuesday, October 13, 2015, Crest Christopher > wrote:

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

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 ! > > Tom Livingston wrote: > > > Other than viewport sizes, emulators aren't

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

True, how does one compare how Chrome emulates a device ? Philippe Wittenbergh wrote: On Oct 14, 2015, at 07:21, Crest Christopher wrote: I've done some preview on iPhone5c and a iPhone5 the specs are the same, why is my footer menu rendering different, makes

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

On Oct 13, 2015, at 5:51 PM, Crest Christopher wrote: > True, how does one compare how Chrome emulates a device ? Well, not sure on chrome, but you can use safari on a mac to inspect element on safari iphone. just plug your iphone into your mac. open safari on

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

Another web developer tool for Chrome ? Karl DeSaulniers wrote: For chrome, I suggest one of the many extensions. Resize Window, web developer tools, etc, etc. Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Oct 13, 2015, at 6:25 PM, Karl DeSaulniers

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

web developer tools sorry not wed developer.. Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Oct 13, 2015, at 6:37 PM, Karl DeSaulniers wrote: > On Oct 13, 2015, at 6:34 PM, Crest Christopher > wrote: > >> What is the

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

On Oct 13, 2015, at 6:34 PM, Crest Christopher wrote: > What is the second web developer tools extension for Chrome ? "resize window" and "wed developer tools" are the names. Best, Karl DeSaulniers Design Drumm http://designdrumm.com

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

Other than viewport sizes, emulators aren't going to show you anything reliable. On Tuesday, October 13, 2015, Crest Christopher wrote: > Those tools don't list devices by name. > > Karl DeSaulniers wrote: > >> >> On Oct 13, 2015, at 6:34 PM, Crest

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

Those tools don't list devices by name. Karl DeSaulniers wrote: On Oct 13, 2015, at 6:34 PM, Crest Christopher wrote: What is the second web developer tools extension for Chrome ? "resize window" and "wed developer tools" are the names. Best, Karl

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

> On Oct 14, 2015, at 07:51, Crest Christopher > wrote: > > True, how does one compare how Chrome emulates a device ? Don’t trust the Chrome emulator. The rendering of the page you see there is based on the Blink rendering engine, which nowadays is quite different

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

browserstack.com has mobile devices. On Tuesday, October 13, 2015, Crest Christopher wrote: > I mean; to preview the changes, to verify the changes are done correctly, > not doing it blind folded ! > > Tom Livingston wrote: > > > browserstack.com

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

On Oct 13, 2015, at 6:28 PM, Crest Christopher wrote: > 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 ? > Not true. Firefox has many developer tools too. You can still do this on safari on PC

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

I probably need a userAgent for Chrome, that doesn't make sense considering iPhone 5 and 5c are identical yet on the 5c the page has a few hiccups ! Tom Livingston wrote: Other than viewport sizes, emulators aren't going to show you anything reliable. On Tuesday, October 13, 2015, Crest

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

> On Oct 14, 2015, at 07:21, Crest Christopher > wrote: > > I've done some preview on iPhone5c and a iPhone5 the specs are the same, why > is my footer menu rendering different, makes no sense ? Am I right in > assuming that there isn't a difference and it's the

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

The other emulator I'm using uses iOS 7.1.2 and the default Safari browser. How can I makes the fixes using a legitimate WebKit browser, I thought Chrome used WebKit ? Philippe Wittenbergh wrote: On Oct 14, 2015, at 07:51, Crest Christopher wrote: True, how does

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

I mean; to preview the changes, to verify the changes are done correctly, not doing it blind folded ! Tom Livingston wrote: browserstack.com has mobile devices. On Tuesday, October 13, 2015, Crest Christopher

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

browserstack.com has mobile devices. On Tuesday, October 13, 2015, Crest Christopher wrote: > The other emulator I'm using uses iOS 7.1.2 and the default Safari > browser. How can I makes the fixes using a legitimate WebKit browser, I > thought Chrome used WebKit ?

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

For chrome, I suggest one of the many extensions. Resize Window, web developer tools, etc, etc. Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Oct 13, 2015, at 6:25 PM, Karl DeSaulniers wrote: > On Oct 13, 2015, at 5:51 PM, Crest Christopher

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

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 ? Karl DeSaulniers wrote: On Oct 13, 2015, at 5:51 PM, Crest Christopher wrote: True, how does one compare how Chrome emulates a device ? Well,

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

On Oct 13, 2015, at 6:32 PM, Crest Christopher wrote: > Another web developer tool for Chrome ? > That is what I have are those two. Best, Karl DeSaulniers Design Drumm http://designdrumm.com

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

What is the second web developer tools extension for Chrome ? Karl DeSaulniers wrote: On Oct 13, 2015, at 6:32 PM, Crest Christopher wrote: Another web developer tool for Chrome ? That is what I have are those two. Best, Karl DeSaulniers Design Drumm