Redirect does not work

I desperately need to have my website properly displayed on tablets and cell phones.

I use the ‘redirect’ action but it fails to work.

To test, I load up my website onto my Kindle Fire tablet to see if it would redirect to ESPN.com, I set it to do that within the redirect actions panel.

Unfortunately is loads up my site and not the redirected site (ESPN)

Please help.

Thanks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The Mobile Redirect action uses user agent sniffing to determine what device it’s working with. While this will work in most circumstances, and for most devices, it is not entirely dependable. My suggestion would be to beef up the redirect by also using the Breakpoint action to help catch any devices that fall through the cracks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I tried using breakpoint just now. I found the resolution of the Kindle
Fire which is 1024 so I inputed 1024 into breakpoint and instructed
breakpoint to redirect to www.espn.com. I also inputed 600 for vertical
orientation and redirected to www.espn.com

I then navigated to my website via my Kindle Fire and the redirect did not
work. Very frustrating.

Emanuel.

On Thu, Mar 27, 2014 at 9:38 PM, Caleb Grove email@hidden wrote:

The Mobile Redirect action uses user agent sniffing to determine what
device it’s working with. While this will work in most circumstances, and
for most devices, it is not entirely dependable. My suggestion would be to
beef up the redirect by also using the Breakpoint action to help catch
any devices that fall through the cracks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

What is the URL of the page where you are testing this? Maybe someone else will have a different result. Remember, the Fire uses Amazon’s “Silk” browser, which uses a distributed server/client browsing technique. When you request a page from the internet, it is first loaded on a server at Amazon, which rasterizes it into a simplified bitmap and then re-sends that to the Fire. Do you have an iPad or an Android tablet to test this page with? They use a more traditional browser, where everything is rendered directly on the client device. My guess is that the Silk back-end isn’t identifying the device-width to the page the same way that a normal browser would, and so the code doesn’t execute the redirect.

Walter

On Mar 28, 2014, at 12:56 AM, Emanuel Stone wrote:

I tried using breakpoint just now. I found the resolution of the Kindle
Fire which is 1024 so I inputed 1024 into breakpoint and instructed
breakpoint to redirect to www.espn.com. I also inputed 600 for vertical
orientation and redirected to www.espn.com

I then navigated to my website via my Kindle Fire and the redirect did not
work. Very frustrating.

Emanuel.

On Thu, Mar 27, 2014 at 9:38 PM, Caleb Grove email@hidden wrote:

The Mobile Redirect action uses user agent sniffing to determine what
device it’s working with. While this will work in most circumstances, and
for most devices, it is not entirely dependable. My suggestion would be to
beef up the redirect by also using the Breakpoint action to help catch
any devices that fall through the cracks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Walter you are a VERY smart man! That is exactly what’s going on!
My daughter let me use her Samsung mini tablet and I loaded my website on
it and the redirect worked like a charm.
I did research on the Kindle Fire’s OS and it uses an augmented version of
Android, same with the Nook.

I still don’t nor understand why the redirect does not work on Windows
Phones??? My family has the Nokia line of phones and when I go to my
website on those devices the redirect does not work, why is that?

I’m really thinking about changing my initial index.html page into a
‘splash page’ that welcomes the customer and gives them 3 viewing options
via links. One for desktop, one for tablet, and one for cell phone.

I would then design my website accordingly for each of these links. Do you
think this is a good approach?

Thanks for your input.

Emanuel

On Fri, Mar 28, 2014 at 4:54 AM, Walter Lee Davis email@hiddenwrote:

What is the URL of the page where you are testing this? Maybe someone else
will have a different result. Remember, the Fire uses Amazon’s “Silk”
browser, which uses a distributed server/client browsing technique. When
you request a page from the internet, it is first loaded on a server at
Amazon, which rasterizes it into a simplified bitmap and then re-sends that
to the Fire. Do you have an iPad or an Android tablet to test this page
with? They use a more traditional browser, where everything is rendered
directly on the client device. My guess is that the Silk back-end isn’t
identifying the device-width to the page the same way that a normal browser
would, and so the code doesn’t execute the redirect.

Walter

On Mar 28, 2014, at 12:56 AM, Emanuel Stone wrote:

I tried using breakpoint just now. I found the resolution of the Kindle
Fire which is 1024 so I inputed 1024 into breakpoint and instructed
breakpoint to redirect to www.espn.com. I also inputed 600 for vertical
orientation and redirected to www.espn.com

I then navigated to my website via my Kindle Fire and the redirect did
not
work. Very frustrating.

Emanuel.

On Thu, Mar 27, 2014 at 9:38 PM, Caleb Grove email@hidden wrote:

The Mobile Redirect action uses user agent sniffing to determine what
device it’s working with. While this will work in most circumstances,
and
for most devices, it is not entirely dependable. My suggestion would be
to
beef up the redirect by also using the Breakpoint action to help
catch
any devices that fall through the cracks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On Mar 28, 2014, at 11:36 AM, Emanuel Stone wrote:

Walter you are a VERY smart man! That is exactly what’s going on!
My daughter let me use her Samsung mini tablet and I loaded my website on
it and the redirect worked like a charm.
I did research on the Kindle Fire’s OS and it uses an augmented version of
Android, same with the Nook.

I still don’t nor understand why the redirect does not work on Windows
Phones??? My family has the Nokia line of phones and when I go to my
website on those devices the redirect does not work, why is that?

I’m really thinking about changing my initial index.html page into a
‘splash page’ that welcomes the customer and gives them 3 viewing options
via links. One for desktop, one for tablet, and one for cell phone.

I would then design my website accordingly for each of these links. Do you
think this is a good approach?

I think this has a strong chance of causing any search engine mojo you have accumulated to plummet off a cliff. I think you need to investigate responsive design, maybe with the Backdraft template, and see what you can make with that. Then you have a single page for all devices, and it reacts to the screen size by either scaling or re-arranging the content to fit. Otherwise, you may be punished for duplicate content by the search engines, or just have your visitors go elsewhere.

When you say that the Windows phone devices are not redirecting, which scheme are you using? The Softpress (built-in) Action, or my Breakpoints Action? The former may be looking for specific browser signatures, while my Action uses the width of the browser directly (less fussy about browser name).

Walter

Thanks for your input.

Emanuel

On Fri, Mar 28, 2014 at 4:54 AM, Walter Lee Davis email@hiddenwrote:

What is the URL of the page where you are testing this? Maybe someone else
will have a different result. Remember, the Fire uses Amazon’s “Silk”
browser, which uses a distributed server/client browsing technique. When
you request a page from the internet, it is first loaded on a server at
Amazon, which rasterizes it into a simplified bitmap and then re-sends that
to the Fire. Do you have an iPad or an Android tablet to test this page
with? They use a more traditional browser, where everything is rendered
directly on the client device. My guess is that the Silk back-end isn’t
identifying the device-width to the page the same way that a normal browser
would, and so the code doesn’t execute the redirect.

Walter

On Mar 28, 2014, at 12:56 AM, Emanuel Stone wrote:

I tried using breakpoint just now. I found the resolution of the Kindle
Fire which is 1024 so I inputed 1024 into breakpoint and instructed
breakpoint to redirect to www.espn.com. I also inputed 600 for vertical
orientation and redirected to www.espn.com

I then navigated to my website via my Kindle Fire and the redirect did
not
work. Very frustrating.

Emanuel.

On Thu, Mar 27, 2014 at 9:38 PM, Caleb Grove email@hidden wrote:

The Mobile Redirect action uses user agent sniffing to determine what
device it’s working with. While this will work in most circumstances,
and
for most devices, it is not entirely dependable. My suggestion would be
to
beef up the redirect by also using the Breakpoint action to help
catch
any devices that fall through the cracks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ok, so the three separate links are a no go. As far as the Windows Phone
issue I am using both actions- Breakpoint and Mobile Redirect.

My friend has an Android phone and it works with no problem but on a
Windows phone… nothing.

On Fri, Mar 28, 2014 at 8:40 AM, Walter Lee Davis email@hiddenwrote:

On Mar 28, 2014, at 11:36 AM, Emanuel Stone wrote:

Walter you are a VERY smart man! That is exactly what’s going on!
My daughter let me use her Samsung mini tablet and I loaded my website on
it and the redirect worked like a charm.
I did research on the Kindle Fire’s OS and it uses an augmented version
of
Android, same with the Nook.

I still don’t nor understand why the redirect does not work on Windows
Phones??? My family has the Nokia line of phones and when I go to my
website on those devices the redirect does not work, why is that?

I’m really thinking about changing my initial index.html page into a
‘splash page’ that welcomes the customer and gives them 3 viewing options
via links. One for desktop, one for tablet, and one for cell phone.

I would then design my website accordingly for each of these links. Do
you
think this is a good approach?

I think this has a strong chance of causing any search engine mojo you
have accumulated to plummet off a cliff. I think you need to investigate
responsive design, maybe with the Backdraft template, and see what you can
make with that. Then you have a single page for all devices, and it reacts
to the screen size by either scaling or re-arranging the content to fit.
Otherwise, you may be punished for duplicate content by the search engines,
or just have your visitors go elsewhere.

When you say that the Windows phone devices are not redirecting, which
scheme are you using? The Softpress (built-in) Action, or my Breakpoints
Action? The former may be looking for specific browser signatures, while my
Action uses the width of the browser directly (less fussy about browser
name).

Walter

Thanks for your input.

Emanuel

On Fri, Mar 28, 2014 at 4:54 AM, Walter Lee Davis <email@hidden
wrote:

What is the URL of the page where you are testing this? Maybe someone
else
will have a different result. Remember, the Fire uses Amazon’s “Silk”
browser, which uses a distributed server/client browsing technique. When
you request a page from the internet, it is first loaded on a server at
Amazon, which rasterizes it into a simplified bitmap and then re-sends
that
to the Fire. Do you have an iPad or an Android tablet to test this page
with? They use a more traditional browser, where everything is rendered
directly on the client device. My guess is that the Silk back-end isn’t
identifying the device-width to the page the same way that a normal
browser
would, and so the code doesn’t execute the redirect.

Walter

On Mar 28, 2014, at 12:56 AM, Emanuel Stone wrote:

I tried using breakpoint just now. I found the resolution of the Kindle
Fire which is 1024 so I inputed 1024 into breakpoint and instructed
breakpoint to redirect to www.espn.com. I also inputed 600 for
vertical
orientation and redirected to www.espn.com

I then navigated to my website via my Kindle Fire and the redirect did
not
work. Very frustrating.

Emanuel.

On Thu, Mar 27, 2014 at 9:38 PM, Caleb Grove email@hidden
wrote:

The Mobile Redirect action uses user agent sniffing to determine what
device it’s working with. While this will work in most circumstances,
and
for most devices, it is not entirely dependable. My suggestion would
be
to
beef up the redirect by also using the Breakpoint action to help
catch
any devices that fall through the cracks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Walter, can you please answer this question/ concern:

I am designing a website and I will be using the redirect action Breakpoint
to show the appropriate website made for either smartphones, tablets, or
desktops.
I understand Breakpoint needs me to tell it which resolutions to check for
to determine the appropriate redirect.
I’ve researched resolutions for popular tablets as well as smartphones and
have noticed some resolutions on smartphones are the same as tablets!? What
gives?
How can a phone that is way smaller then a tablet have the same resolution
as a tablet. Furthermore will these phones that have the same resolution as
a tablet show my website
the same as the tablet that it matches in resolution even thought the
screen is much smaller as compared to a tablet???

Please help,
Thanks.

Emanuel

On Fri, Mar 28, 2014 at 8:54 AM, Emanuel Stone email@hidden wrote:

Ok, so the three separate links are a no go. As far as the Windows Phone
issue I am using both actions- Breakpoint and Mobile Redirect.

My friend has an Android phone and it works with no problem but on a
Windows phone… nothing.

On Fri, Mar 28, 2014 at 8:40 AM, Walter Lee Davis email@hiddenwrote:

On Mar 28, 2014, at 11:36 AM, Emanuel Stone wrote:

Walter you are a VERY smart man! That is exactly what’s going on!
My daughter let me use her Samsung mini tablet and I loaded my website
on
it and the redirect worked like a charm.
I did research on the Kindle Fire’s OS and it uses an augmented version
of
Android, same with the Nook.

I still don’t nor understand why the redirect does not work on Windows
Phones??? My family has the Nokia line of phones and when I go to my
website on those devices the redirect does not work, why is that?

I’m really thinking about changing my initial index.html page into a
‘splash page’ that welcomes the customer and gives them 3 viewing
options
via links. One for desktop, one for tablet, and one for cell phone.

I would then design my website accordingly for each of these links. Do
you
think this is a good approach?

I think this has a strong chance of causing any search engine mojo you
have accumulated to plummet off a cliff. I think you need to investigate
responsive design, maybe with the Backdraft template, and see what you can
make with that. Then you have a single page for all devices, and it reacts
to the screen size by either scaling or re-arranging the content to fit.
Otherwise, you may be punished for duplicate content by the search engines,
or just have your visitors go elsewhere.

When you say that the Windows phone devices are not redirecting, which
scheme are you using? The Softpress (built-in) Action, or my Breakpoints
Action? The former may be looking for specific browser signatures, while my
Action uses the width of the browser directly (less fussy about browser
name).

Walter

Thanks for your input.

Emanuel

On Fri, Mar 28, 2014 at 4:54 AM, Walter Lee Davis <email@hidden
wrote:

What is the URL of the page where you are testing this? Maybe someone
else
will have a different result. Remember, the Fire uses Amazon’s “Silk”
browser, which uses a distributed server/client browsing technique.
When
you request a page from the internet, it is first loaded on a server at
Amazon, which rasterizes it into a simplified bitmap and then re-sends
that
to the Fire. Do you have an iPad or an Android tablet to test this page
with? They use a more traditional browser, where everything is rendered
directly on the client device. My guess is that the Silk back-end isn’t
identifying the device-width to the page the same way that a normal
browser
would, and so the code doesn’t execute the redirect.

Walter

On Mar 28, 2014, at 12:56 AM, Emanuel Stone wrote:

I tried using breakpoint just now. I found the resolution of the
Kindle
Fire which is 1024 so I inputed 1024 into breakpoint and instructed
breakpoint to redirect to www.espn.com. I also inputed 600 for
vertical
orientation and redirected to www.espn.com

I then navigated to my website via my Kindle Fire and the redirect did
not
work. Very frustrating.

Emanuel.

On Thu, Mar 27, 2014 at 9:38 PM, Caleb Grove email@hidden
wrote:

The Mobile Redirect action uses user agent sniffing to determine what
device it’s working with. While this will work in most circumstances,
and
for most devices, it is not entirely dependable. My suggestion would
be
to
beef up the redirect by also using the Breakpoint action to help
catch
any devices that fall through the cracks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The thing to understand is that screen resolution ≠ CSS resolution.

In other words, while the iPhone screen resolution is 640×1136, the CSS resolution of the device is 320x568. When you visit a website, the iPhone identifies itself with the smaller number.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On Mar 28, 2014, at 1:33 PM, Emanuel Stone wrote:

Walter, can you please answer this question/ concern:

I am designing a website and I will be using the redirect action Breakpoint
to show the appropriate website made for either smartphones, tablets, or
desktops.
I understand Breakpoint needs me to tell it which resolutions to check for
to determine the appropriate redirect.
I’ve researched resolutions for popular tablets as well as smartphones and
have noticed some resolutions on smartphones are the same as tablets!? What
gives?
How can a phone that is way smaller then a tablet have the same resolution
as a tablet. Furthermore will these phones that have the same resolution as
a tablet show my website
the same as the tablet that it matches in resolution even thought the
screen is much smaller as compared to a tablet???

It’s important to realize that an iPhone may have a physical resolution of a desktop monitor, by virtue of its Retina display, but if you ask it what its device width is (using JavaScript’s screen.width property), it will tell you that it’s 320px.

Go here, in your device, and see what number you get: untitled

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thank you Caleb, I’m a rookie at this but i’m willing to give it a try. So
by your explanation, I should pretty much design my website at half the
cell phone resolution???. For example: A Samsung Galaxy Note screen
resolution is 1920x1080 which, in CSS, should be 960x540?? If so, is this
the same with tablets?

Thanks.

On Fri, Mar 28, 2014 at 10:45 AM, Caleb Grove email@hidden wrote:

The thing to understand is that screen resolution ≠ CSS resolution.

In other words, while the iPhone screen resolution is 640×1136, the CSS
resolution of the device is 320x568. When you visit a website, the iPhone
identifies itself with the smaller number.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Take a look at the test page I made. That will tell you precisely what the width breakpoint is for your device. You can’t count on the number being an exact 1/2 of the stated screen resolution, except on Apple devices. Other manufacturers aren’t a) so honest about resolution, since they cater to users who read spec sheets, and b) using an OS that does fuzzy scaling of screen furniture because they don’t care about image quality.

Walter

On Mar 28, 2014, at 1:53 PM, Emanuel Stone wrote:

Thank you Caleb, I’m a rookie at this but i’m willing to give it a try. So
by your explanation, I should pretty much design my website at half the
cell phone resolution???. For example: A Samsung Galaxy Note screen
resolution is 1920x1080 which, in CSS, should be 960x540?? If so, is this
the same with tablets?

Thanks.

On Fri, Mar 28, 2014 at 10:45 AM, Caleb Grove email@hidden wrote:

The thing to understand is that screen resolution ≠ CSS resolution.

In other words, while the iPhone screen resolution is 640×1136, the CSS
resolution of the device is 320x568. When you visit a website, the iPhone
identifies itself with the smaller number.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

So can you guys give me an average width and height I should use for the
designs of my mobile versions of my primary site when using Breakpoint to
redirect to cell phones and tablets. Something like an average that would
keep me safe on each particular device?

Thanks.

On Fri, Mar 28, 2014 at 10:53 AM, Emanuel Stone email@hidden wrote:

Thank you Caleb, I’m a rookie at this but i’m willing to give it a try. So
by your explanation, I should pretty much design my website at half the
cell phone resolution???. For example: A Samsung Galaxy Note screen
resolution is 1920x1080 which, in CSS, should be 960x540?? If so, is this
the same with tablets?

Thanks.

On Fri, Mar 28, 2014 at 10:45 AM, Caleb Grove email@hidden wrote:

The thing to understand is that screen resolution ≠ CSS resolution.

In other words, while the iPhone screen resolution is 640×1136, the CSS
resolution of the device is 320x568. When you visit a website, the iPhone
identifies itself with the smaller number.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

@Walter

I just ran your script on my Nokia Lumia 920 and it showed 768. Looking at
my notes the Nokia Lumia is 1920x768. So does this mean if i was designing
a website for a Nokia Lumia I would make the width 768 pixels wide?

On Fri, Mar 28, 2014 at 11:00 AM, Emanuel Stone email@hidden wrote:

So can you guys give me an average width and height I should use for the
designs of my mobile versions of my primary site when using Breakpoint to
redirect to cell phones and tablets. Something like an average that would
keep me safe on each particular device?

Thanks.

On Fri, Mar 28, 2014 at 10:53 AM, Emanuel Stone email@hiddenwrote:

Thank you Caleb, I’m a rookie at this but i’m willing to give it a try.
So by your explanation, I should pretty much design my website at half the
cell phone resolution???. For example: A Samsung Galaxy Note screen
resolution is 1920x1080 which, in CSS, should be 960x540?? If so, is this
the same with tablets?

Thanks.

On Fri, Mar 28, 2014 at 10:45 AM, Caleb Grove email@hidden wrote:

The thing to understand is that screen resolution ≠ CSS resolution.

In other words, while the iPhone screen resolution is 640×1136, the CSS
resolution of the device is 320x568. When you visit a website, the iPhone
identifies itself with the smaller number.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes.

Walter

On Mar 28, 2014, at 2:03 PM, Emanuel Stone wrote:

@Walter

I just ran your script on my Nokia Lumia 920 and it showed 768. Looking at
my notes the Nokia Lumia is 1920x768. So does this mean if i was designing
a website for a Nokia Lumia I would make the width 768 pixels wide?

On Fri, Mar 28, 2014 at 11:00 AM, Emanuel Stone email@hidden wrote:

So can you guys give me an average width and height I should use for the
designs of my mobile versions of my primary site when using Breakpoint to
redirect to cell phones and tablets. Something like an average that would
keep me safe on each particular device?

Thanks.

On Fri, Mar 28, 2014 at 10:53 AM, Emanuel Stone email@hiddenwrote:

Thank you Caleb, I’m a rookie at this but i’m willing to give it a try.
So by your explanation, I should pretty much design my website at half the
cell phone resolution???. For example: A Samsung Galaxy Note screen
resolution is 1920x1080 which, in CSS, should be 960x540?? If so, is this
the same with tablets?

Thanks.

On Fri, Mar 28, 2014 at 10:45 AM, Caleb Grove email@hidden wrote:

The thing to understand is that screen resolution ≠ CSS resolution.

In other words, while the iPhone screen resolution is 640×1136, the CSS
resolution of the device is 320x568. When you visit a website, the iPhone
identifies itself with the smaller number.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

So can you guys give me an average width and height I should use for the designs of my mobile versions of my primary site when using Breakpoint to redirect to cell phones and tablets. Something like an average that would keep me safe on each particular device?

I typically use 570px as the breakpoint for mobile devices. However, you really should look at your analytics. If most of your visitors are on Apple devices, go smaller. If they are on Android/Windows, you should probably go a bit bigger.

For tablets, something in the upper 900’s should work. Once again, look at your analytics to help decide.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

@Walter So should I drive to my local Best Buy and run this script on a
bunch of tablets and cell phones to get accurate pixel widths??? Or is
there a general average I could stick to for designing for tablets and cell
phones?

On Fri, Mar 28, 2014 at 11:05 AM, Walter Lee Davis email@hiddenwrote:

Yes.

Walter

On Mar 28, 2014, at 2:03 PM, Emanuel Stone wrote:

@Walter

I just ran your script on my Nokia Lumia 920 and it showed 768. Looking
at
my notes the Nokia Lumia is 1920x768. So does this mean if i was
designing
a website for a Nokia Lumia I would make the width 768 pixels wide?

On Fri, Mar 28, 2014 at 11:00 AM, Emanuel Stone email@hidden
wrote:

So can you guys give me an average width and height I should use for the
designs of my mobile versions of my primary site when using Breakpoint
to
redirect to cell phones and tablets. Something like an average that
would
keep me safe on each particular device?

Thanks.

On Fri, Mar 28, 2014 at 10:53 AM, Emanuel Stone <email@hidden
wrote:

Thank you Caleb, I’m a rookie at this but i’m willing to give it a try.
So by your explanation, I should pretty much design my website at half
the
cell phone resolution???. For example: A Samsung Galaxy Note screen
resolution is 1920x1080 which, in CSS, should be 960x540?? If so, is
this
the same with tablets?

Thanks.

On Fri, Mar 28, 2014 at 10:45 AM, Caleb Grove email@hidden
wrote:

The thing to understand is that screen resolution ≠ CSS resolution.

In other words, while the iPhone screen resolution is 640×1136, the
CSS
resolution of the device is 320x568. When you visit a website, the
iPhone
identifies itself with the smaller number.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

@Caleb

Thanks for your replies and advice, much appreciated.

At this point i have no analytics… I have my desktop version of my
website locked down, I just need to design a version for cell phones and
tablets and use Breakpoint to launch the appropriate page.

On Fri, Mar 28, 2014 at 11:07 AM, Emanuel Stone email@hidden wrote:

@Walter So should I drive to my local Best Buy and run this script on a
bunch of tablets and cell phones to get accurate pixel widths??? Or is
there a general average I could stick to for designing for tablets and cell
phones?

On Fri, Mar 28, 2014 at 11:05 AM, Walter Lee Davis email@hiddenwrote:

Yes.

Walter

On Mar 28, 2014, at 2:03 PM, Emanuel Stone wrote:

@Walter

I just ran your script on my Nokia Lumia 920 and it showed 768. Looking
at
my notes the Nokia Lumia is 1920x768. So does this mean if i was
designing
a website for a Nokia Lumia I would make the width 768 pixels wide?

On Fri, Mar 28, 2014 at 11:00 AM, Emanuel Stone email@hidden
wrote:

So can you guys give me an average width and height I should use for
the
designs of my mobile versions of my primary site when using Breakpoint
to
redirect to cell phones and tablets. Something like an average that
would
keep me safe on each particular device?

Thanks.

On Fri, Mar 28, 2014 at 10:53 AM, Emanuel Stone <email@hidden
wrote:

Thank you Caleb, I’m a rookie at this but i’m willing to give it a
try.
So by your explanation, I should pretty much design my website at
half the
cell phone resolution???. For example: A Samsung Galaxy Note screen
resolution is 1920x1080 which, in CSS, should be 960x540?? If so, is
this
the same with tablets?

Thanks.

On Fri, Mar 28, 2014 at 10:45 AM, Caleb Grove email@hidden
wrote:

The thing to understand is that screen resolution ≠ CSS resolution.

In other words, while the iPhone screen resolution is 640×1136, the
CSS
resolution of the device is 320x568. When you visit a website, the
iPhone
identifies itself with the smaller number.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I think you need to pay attention to Caleb’s advice here. It depends a lot on the devices that you see visiting your site. If you get a bunch of Chinese knock-off Android tablets running a version of the OS from 2009, then that’s the devices you need to cater to. If you get a lot of Apple devices, then you need to pay attention to those. The BreakPoint Action is really a stop-gap if you can’t make a responsive site yet, which is what you really ought to do. It’s last year’s idea (probably more than one year ago, actually). Unless you only have a few pages in your site, making three or four different sites is just crazy amounts of work. Making one responsive site is a lot of work and planning up front, but it pays off no matter how many pages you add.

Walter

On Mar 28, 2014, at 2:07 PM, Emanuel Stone wrote:

@Walter So should I drive to my local Best Buy and run this script on a
bunch of tablets and cell phones to get accurate pixel widths??? Or is
there a general average I could stick to for designing for tablets and cell
phones?

On Fri, Mar 28, 2014 at 11:05 AM, Walter Lee Davis email@hiddenwrote:

Yes.

Walter

On Mar 28, 2014, at 2:03 PM, Emanuel Stone wrote:

@Walter

I just ran your script on my Nokia Lumia 920 and it showed 768. Looking
at
my notes the Nokia Lumia is 1920x768. So does this mean if i was
designing
a website for a Nokia Lumia I would make the width 768 pixels wide?

On Fri, Mar 28, 2014 at 11:00 AM, Emanuel Stone email@hidden
wrote:

So can you guys give me an average width and height I should use for the
designs of my mobile versions of my primary site when using Breakpoint
to
redirect to cell phones and tablets. Something like an average that
would
keep me safe on each particular device?

Thanks.

On Fri, Mar 28, 2014 at 10:53 AM, Emanuel Stone <email@hidden
wrote:

Thank you Caleb, I’m a rookie at this but i’m willing to give it a try.
So by your explanation, I should pretty much design my website at half
the
cell phone resolution???. For example: A Samsung Galaxy Note screen
resolution is 1920x1080 which, in CSS, should be 960x540?? If so, is
this
the same with tablets?

Thanks.

On Fri, Mar 28, 2014 at 10:45 AM, Caleb Grove email@hidden
wrote:

The thing to understand is that screen resolution ≠ CSS resolution.

In other words, while the iPhone screen resolution is 640×1136, the
CSS
resolution of the device is 320x568. When you visit a website, the
iPhone
identifies itself with the smaller number.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

@Walter

I understand your point but I’m in a bind right now. My website is very
graphical with a lot of banners and boxes similar to Windows 8. I’m not a
seasoned programmer and don’t have a lot of time to become one. The site
looks and behaves great on a desktop but not on cell phones and some
tablets. I know it will be extra work for me to design separate sites but
it’s what I have to do in the mean time. As soon as money comes in from the
merchandise sold on my site I can immediately reinvest and have a
professional bring it up to speed.

Until then I have to use Breakpoint and my goal is to build a cell phone
version and a tablet version, I’m just trying to get a general pixel width
that would keep me ‘safe’ on most of the devices on the market today.

On Fri, Mar 28, 2014 at 11:13 AM, Walter Lee Davis email@hiddenwrote:

I think you need to pay attention to Caleb’s advice here. It depends a lot
on the devices that you see visiting your site. If you get a bunch of
Chinese knock-off Android tablets running a version of the OS from 2009,
then that’s the devices you need to cater to. If you get a lot of Apple
devices, then you need to pay attention to those. The BreakPoint Action is
really a stop-gap if you can’t make a responsive site yet, which is what
you really ought to do. It’s last year’s idea (probably more than one year
ago, actually). Unless you only have a few pages in your site, making three
or four different sites is just crazy amounts of work. Making one
responsive site is a lot of work and planning up front, but it pays off no
matter how many pages you add.

Walter

On Mar 28, 2014, at 2:07 PM, Emanuel Stone wrote:

@Walter So should I drive to my local Best Buy and run this script on a
bunch of tablets and cell phones to get accurate pixel widths??? Or is
there a general average I could stick to for designing for tablets and
cell
phones?

On Fri, Mar 28, 2014 at 11:05 AM, Walter Lee Davis <email@hidden
wrote:

Yes.

Walter

On Mar 28, 2014, at 2:03 PM, Emanuel Stone wrote:

@Walter

I just ran your script on my Nokia Lumia 920 and it showed 768. Looking
at
my notes the Nokia Lumia is 1920x768. So does this mean if i was
designing
a website for a Nokia Lumia I would make the width 768 pixels wide?

On Fri, Mar 28, 2014 at 11:00 AM, Emanuel Stone email@hidden
wrote:

So can you guys give me an average width and height I should use for
the
designs of my mobile versions of my primary site when using Breakpoint
to
redirect to cell phones and tablets. Something like an average that
would
keep me safe on each particular device?

Thanks.

On Fri, Mar 28, 2014 at 10:53 AM, Emanuel Stone <email@hidden
wrote:

Thank you Caleb, I’m a rookie at this but i’m willing to give it a
try.
So by your explanation, I should pretty much design my website at
half
the
cell phone resolution???. For example: A Samsung Galaxy Note screen
resolution is 1920x1080 which, in CSS, should be 960x540?? If so, is
this
the same with tablets?

Thanks.

On Fri, Mar 28, 2014 at 10:45 AM, Caleb Grove email@hidden
wrote:

The thing to understand is that screen resolution ≠ CSS resolution.

In other words, while the iPhone screen resolution is 640×1136, the
CSS
resolution of the device is 320x568. When you visit a website, the
iPhone
identifies itself with the smaller number.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options