Comments on: Mobile Web Applications http://www.linux-mag.com/id/7625/ Open Source, Open Standards Sat, 05 Oct 2013 13:48:18 +0000 hourly 1 http://wordpress.org/?v=3.1 By: apple iphone 4 16gb, iphone 5, apple store, iphone 4s, iphone 3gs, iphone 4 weiß, i phone 5, iphone apps, ipod touch 4g, iphone 4 jailbreak http://www.linux-mag.com/id/7625/#comment-113505 apple iphone 4 16gb, iphone 5, apple store, iphone 4s, iphone 3gs, iphone 4 weiß, i phone 5, iphone apps, ipod touch 4g, iphone 4 jailbreak Fri, 06 Jan 2012 21:53:22 +0000 http://www.linux-mag.com/id/7625/#comment-113505 Heya i?m for the first time here. I found this board and I find It truly useful & it helped me out much. I am hoping to provide something back and aid others like you aided me. Heya i?m for the first time here. I found this board and I find It truly useful & it helped me out much. I am hoping to provide something back and aid others like you aided me.

]]> By: Mobile Websites http://www.linux-mag.com/id/7625/#comment-58951 Mobile Websites Sun, 27 Nov 2011 15:41:16 +0000 http://www.linux-mag.com/id/7625/#comment-58951 I appreciate, lead to I discovered just what I used to be having a look for. You've ended my four day long hunt! God Bless you man. Have a great day. Bye I appreciate, lead to I discovered just what I used to be having a look for. You’ve ended my four day long hunt! God Bless you man. Have a great day. Bye

]]> By: wojnicki http://www.linux-mag.com/id/7625/#comment-7462 wojnicki Wed, 30 Nov -0001 00:00:00 +0000 http://www.linux-mag.com/id/7625/#comment-7462 <p>Actually the borwser detection, as showed, should not be used for choosing CSS! Imagine using an Android tablet. Your application would switch to a CSS optimized for a small display while the tablet might actually have a full size one. But there is a proper switching feature already implmented through apropriate media attribute in the html link element (according to the HTML standards).</p> <p>Consider the HTML code below. There are two stylesheets defined. common.css is used for regular screen browser, while hh.css is used for handheld devices. </p> <p><code><br /> <LINK REL=\"stylesheet\" title=\"Common\" HREF=\"common.css\" media=\"screen, projection\"><br /> <LINK REL=\"stylesheet\" title=\"Handheld\" HREF=\"hh.css\" media=\"handheld\"><br /> </code> </p> Actually the borwser detection, as showed, should not be used for choosing CSS! Imagine using an Android tablet. Your application would switch to a CSS optimized for a small display while the tablet might actually have a full size one. But there is a proper switching feature already implmented through apropriate media attribute in the html link element (according to the HTML standards).

Consider the HTML code below. There are two stylesheets defined. common.css is used for regular screen browser, while hh.css is used for handheld devices.


<LINK REL=\"stylesheet\" title=\"Common\" HREF=\"common.css\" media=\"screen, projection\">
<LINK REL=\"stylesheet\" title=\"Handheld\" HREF=\"hh.css\" media=\"handheld\">

]]> By: fableson http://www.linux-mag.com/id/7625/#comment-7463 fableson Wed, 30 Nov -0001 00:00:00 +0000 http://www.linux-mag.com/id/7625/#comment-7463 <p>@wojnicki</p> <p>Thanks for your suggestion. </p> <p>Browser detection is a bit more of an art than a science, in my opinion. If for no other reason than many platforms attempt to \"emulate\" other, more popular platforms.</p> <p>Even \"handheld\" as a media type is arbitrary, no? What are the screen dimensions of your tablet?</p> <p>My example was meant as \"simple\" means, though if the dimensions of the device are super important to your application putting additional care into stylesheet selection (and beyond to a specific js file containing relevant constants or \"fallback\" functionality...) would be time well spent for your application.</p> <p>A Media Query which tests for actual dimensions is arguably the best approach:</p> <p>Here is an example for obtaining a style sheet targeted towards a smartphone:<br /> <link rel=”stylesheet” type=”text/css” href=”smartphone.css” media=”only screen and (max-device-width: 480px)” /></p> <p>Here is a media query targeted towards a desktop computer:<br /> <link rel=”stylesheet” type=”text/css” href=”desktop.css” media=”only screen and (min-device-width: 481px)” /></p> <p>I have a couple of articles soon to be published which go into this in more detail. I will post links back here when they are available.</p> <p>Thanks again.</p> <p>Frank </p> @wojnicki

Thanks for your suggestion.

Browser detection is a bit more of an art than a science, in my opinion. If for no other reason than many platforms attempt to \”emulate\” other, more popular platforms.

Even \”handheld\” as a media type is arbitrary, no? What are the screen dimensions of your tablet?

My example was meant as \”simple\” means, though if the dimensions of the device are super important to your application putting additional care into stylesheet selection (and beyond to a specific js file containing relevant constants or \”fallback\” functionality…) would be time well spent for your application.

A Media Query which tests for actual dimensions is arguably the best approach:

Here is an example for obtaining a style sheet targeted towards a smartphone:
<link rel=”stylesheet” type=”text/css” href=”smartphone.css” media=”only screen and (max-device-width: 480px)” />

Here is a media query targeted towards a desktop computer:
<link rel=”stylesheet” type=”text/css” href=”desktop.css” media=”only screen and (min-device-width: 481px)” />

I have a couple of articles soon to be published which go into this in more detail. I will post links back here when they are available.

Thanks again.

Frank

]]>