mobile-website

What is the Difference between visual viewport and layout viewport for a mobile device like iPhone/iPad? I have gone through a lot of online resources, but am still unclear about it. The visual viewport is the part of the page that’s currently shown on-screen. The layout viewport can be considerably wider than the visual viewport, and contains elements that appear and do not appear on the screen. Imagine the layout viewport as being a large image which does not change size or shape. Now imagine you have a smaller frame through which you look at the large image. The small frame is surrounded by

I'm looking for tips, tricks and resources on optimizing a website design for Android's browser. I'm building an Android app and some of the functionality will be accessible through a web interface. Daniel I rely on two elements to optimize websites for mobile browsers (especially Android and iPhone): Meta tags: HandheldFriendly and viewport Usually I want pages not to have a page width of 800 to 900 pixels, as the Android and iPhone browsers set it to by default. To have the page width the same as the device width, I set the following meta tags: <meta name="HandheldFriendly" content="true" />

I m building a website in PHP which contains flash in it's index page. I want to redirect users who are accessing my site via any mobile browser or ipad,ipod,iphone to page m.index.php which doesn't contain flash(simple page) for loading purpose and for others who access via desktop browser to index.php which contains flash in it. How do I achieve it. Please help me. Thanks in advance.... Jacob You could use .htaccess like in this answer or in this answer or you could check the user-agent in php: <?php $useragent=$_SERVER['HTTP_USER_AGENT']; if(preg_match('/android|avantgo|blackberry|blazer

How to fetch device information (Google Advertising Id or IDFA) from a progressive web app https://developers.google.com/web/progressive-web-apps/ Google Advertising ID is not accessible to progressive web app running in browser and so the installed PWA. Said that, you can make it available to your installed PWA using an Android service(which is a native code getting the Google Advertising ID) and passing it to your PWA using Deep link s, by setting a Indent filter to your PWA with a URL and have the ID retrieved in your native code passed to web app in the query para (URL). You can refer to

I have a mobile WEB Page showing a bank statement. Something like this: DATE | DESCRIPTION | AMOUNT --------------|--------------------------|--------------- Jan 2nd 2010 | Clothes | USD 1.839.000 Sep 23rd 2010 | Drinks | USD 2.837.000 I am using . as a thousand separator since that's our locale configuration for that. HTML is very simple. Something like this: <table> <tr> <td>DATE</td> <td>Clothes</td> <td>AMOUNT</td> </tr> <tr> <td>Jan 2nd 2010</td> <td>Clothes</td> <td>USD 1.839.000</td> </tr> <tr> <td>Sep 23rd 2010</td> <td>Drinks</td> <td>USD 2.837.000</td> </tr> </table> The problem I am

So I've built a nice, shiny HTML5 application that is targeted at mobile Safari, and Android's default browser. The Android versions I'm testing it on are 2.1 and 2.2. My app has a textarea on one of its pages, and this textarea tends to have a good amount of text in it at times. Its basically a free-form writing field. This works as expected in iOS. However on Android, as you type, the screen scrolls wildly up and down on every keystroke, often you can't see what it is you're typing as you type, and you get dizzy from all the jumping around. Furthermore, if the content within the textarea

I want to implement a web application with separate user interface for mobile and PC. Do you know how can I detect whether it is mobile or not? In general, do you have any suggestion for implementing such application in GWT? Nico Adams On the client side, you can use the Navigator class to get the platform and the user agent string: Navigator.getPlatform Navigator.getUserAgent Identify devices and platforms that way. If you are used to developing with the MVP pattern or want to make a mobile version of an existing app, I would suggest to use m-gwt . M-gwt works well with GWT best practices,

I'm working on a mobile phone web app and I have several text fields that could benefit from <input type="tel"/> . iPhones will adjust the keyboard for the user, but I'm worried about breaking backwards compatibility. What I'm hoping is that browsers/phone that support this can assist the user and other browser will fall back to a standard text field? Is this an acceptable practice? Does it even work? Yes, any unsupported type will revert to the 'type=text' format. I found a good page which lists out all the existing input types. I tried looking at it from different browsers, a bit interesting