On Thu, Jan 24, 2013 at 11:48 AM, Skip <[email protected]> wrote: > Ted > > Firebug is your friend. Go have a look at qz.com and then inspect the > elements with firebug. Change to responsive view and continue looking while > you change the screen sizes. > > css @media is key. > > > Also have a look at http://jquerymobile.com/. This interface is "mobile > first", but can be adapted to "mobile also". > > http://www.jquery4u.com is really useful with lots of tutorials. > > The big problem for me is bandwidth on mobile devices. The @media tricks > mostly involve hiding certain "not completely necessary" elements. However, > they are still sent to the browser consuming bandwidth. > > This bit of javascript worked for me in a specialized situation (I am > adapting it for use in a more mainline application). There are others on > this forum who don't like these javascript tricks, but it works and in my > view especially useful for bandwidth constrained devices. > > //Also times the round trip time of the Ajax call > sendScreenWidthToServer(screen.width); > if (screen.width < 800) { > document.location = "/mobile/control/calc"; > } > > Thanks Skip. This is greatly appreciated
Te
