Re: know its ipad

From	David Mark <dmark.cinsoft@gmail.com>
Newsgroups	comp.lang.javascript
Subject	Re: know its ipad
Date	2011-10-09 19:02 -0700
Organization	http://groups.google.com
Message-ID	<7082813.1514.1318212144726.JavaMail.geo-discussion-forums@yqlb4> (permalink)
References	(12 earlier) <48736217-b54a-488f-878f-e60083d94d1b@z12g2000yqj.googlegroups.com> <b69e9cf0-212e-4b17-97ff-b08d0bbc7c75@m5g2000prh.googlegroups.com> <3244f441-0b1f-456d-abf9-370d70629a1e@r9g2000yql.googlegroups.com> <92ef57f7-17fe-4986-8a09-29436f957a3a@j25g2000vbr.googlegroups.com> <4E229E99.8010302@arnowelzel.de>

Show all headers | View raw

On Sunday, July 17, 2011 4:34:33 AM UTC-4, Arno Welzel wrote:
> Am 2011-07-15 00:11, schrieb Ry Nohryb:
> 
> > On Jul 14, 11:04 am, Ry Nohryb <jo...@jorgechamorro.com> wrote:
> >> On Jul 14, 1:51 am, RobG <rg...@iinet.net.au> wrote:
> >>
> >>> (...)
> >>> It really is quite simple. Try the following site:
> >>
> >>> <URL:http://www.seabreeze.com.au/graphs/qld2.asp>
> >>> (...)
> >>> That site was designed before touch devices were widely available
> >>> (perhaps before they were available at all), yet maintains its
> >>> functionality on various devices.
> >>
> >> Agreed, yes indeed, that's a page designed for a desktop that (barely)
> >> functions on an iPhone, but it's far away from the best possible
> >> experience for mobile users.
> > 
> > To see what I mean, go, for example, to <http://thenextweb.com> with a
> > desktop browser, and then with an iPad.
> 
> A good example for a really bad design. Of course you must provide an
> alternative version for mobile devices in this case.

Not necessarily, though bad designs do sometimes require multiple sites for the same content.

> 
> The "desktop" version uses a fixed page width wich will not fit to 1024
> pixels horizontally. It makes sense to limit the width of text, but the
> layout should still allow smaller screens too.

Won't even fit at 1024x768 resolution with browser maximized? Guess the developer has a large monitor at high resolution and figured everybody else is just like them. :)

Though I don't care much for fixed-width layout designs, the ad agencies use them exclusively (as well as jQuery + plugins). That's just how they want them (and they don't write JS). So first two steps are to add media query/handheld CSS for a narrower (but usually still fixed) width and to remove jQuery scripts. The threshold width varies per layout. I usually test on the desktop with Chrome (using queries based on viewport rather than device width).

Unfortunately, the norm seems to be to throw the agency files up on the server as is and hope for the best.

> 
> The "desktop" version consist of dozens of single CSS and JSON files and
> about 2.4 MB of data and thenextweb.com doesn't support compression.

Can't fix that (other than the compression). Start again. :(

Back to comp.lang.javascript | Previous | Next — Next in thread | Find similar

Thread

Re: know its ipad David Mark <dmark.cinsoft@gmail.com> - 2011-10-09 19:02 -0700
  Re: know its ipad Arno Welzel <usenet@arnowelzel.de> - 2011-10-10 13:49 +0200
    Re: know its ipad David Mark <dmark.cinsoft@gmail.com> - 2011-10-10 21:56 -0700

csiph-web