mobile-website

I currently set the title attribute of some HTML if I want to provide more information: <p>An <span class="more_info" title="also called an underscore">underline</span> character is used here</p> Then in CSS: .more_info { border-bottom: 1px dotted; } Works very nice, visual indicator to move the mouse over and then a little popup with more information. But on mobile browsers, I don't get that tooltip. title attributes don't seem to have an effect. What's the proper way to give more information on a piece of text in a mobile browser? Same as above but use Javascript to listen for a click and

I've created a mobile-friendly web site with jQuery Mobile and added some meta info so that it should be pinned to iOS and Android homescreens and should be launched as a web app (in other words: in a browser, but without browser navigation elements). It works fine for iOS, but it doesn't work for Android 4.4.2. I followed this tutorial for creating Android-Compatible web apps: Despite adding all the meta info as listed in the tutorial, Android does show the "Add to homescreen" button for my web site, but it does not launch the website without browser navigation elements as described in the

I'm working on responsive designed web site using media queries. But i do not know how to take a good width set. As you can see on this table, there is a lot of different resolution even for a single type of device. And as resolution is coming bigger and bigger on mobile device, it is hard to know what design to apply for a specific resolution. For now, I'm using this : Mobile First @media screen and (min-width:720px) => Phablet @media screen and (min-width:768px) => Tablet @media screen and (min-width:1024px) => Desktop Thank you for any advice or recomendations ! Responsive Web design (RWD)

I have developed a full website with CakePHP framework and we'd like to make a very light version of the website for mobile devices (mainly iPhone/iPad). Is there a way to use the existing website with a new sub domain (for instance mobile.mywebsite.com) which will render specific views? I would like to avoid copying and simplifying the current one to match the new one requirements. I do not want to have to "re-develop" a new CakePHP website and do the changes twice every time I need to change a controller action. Dan Berlyoung I've done this using a quick addition to the beforeFilter() in my

I've been looking for a way to open a native iOS app from the browser. I found a decent solution here: Is it possible to register a http+domain-based URL Scheme for iPhone apps, like YouTube and Maps? This solution works great when you have the app installed. but when a user doesn't have this app installed - safari fires an error message which says "Safari cannot open the page because the address is invalid." Is there a way to prevent this behaviour and instead to prompt the user to download the app? Here is a solution that works for me: var timeout; function preventPopup() { clearTimeout

I've made a Django site, but I've drank the Koolaid and I want to make an IPhone version. After putting much thought into I've come up with two options: Make a whole other site, like i.xxxx.com. Tie it into the same database using Django's sites framework. Find some time of middleware that reads the user-agent, and changes the template directories dynamically. I'd really prefer option #2, however; I have some reservations, mainly because the Django documentation discourages changing settings on the fly . I found a snippet that would do the what I'd like. My main issue is having it as seamless

Meta-tags "Viewport", "MobileOptimized" and "HandheldFriendly" can be used to provide appropriately formatted HTML-content to mobile devices. Are these tags good things? They seem pretty platform specific in many cases, and even when not platform specific (viewport), they seem to require device specific attributes in order to work properly. Should they be used? Where and when is it appropriate to use them? Are there alternatives (without user-agent recognition)? Note: I have been using CSS media queries to achieve mobile-support, but this requires some UAR in order to get optimize font size.