EzDev.org

mobile

The mobile vault (iOS and Android). Free Open Source Password Manager | bitwarden


What is the best way to detect a mobile device in jQuery?

Is there a solid way to detect whether or not a user is using a mobile device in jQuery? Something similar to the CSS @media attribute? I would like to run a different script if the browser is on a handheld device.

The jQuery $.browser function is not what I am looking for.


Source: (StackOverflow)

How to print to the console in Android Studio?

I just downloaded Android Studio for Linux from: http://developer.android.com/sdk/installing/studio.html

I'm wondering how to print to the console?

Neither System.out.print(...) nor Log.e(...) from android.util.Log seem to work.


Source: (StackOverflow)

position: fixed doesn't work on iPad and iPhone

I have been struggling with fixed positioning in iPad for a while. I know iScroll and it does not always seem to work (even in their demo). I also know that Sencha has a fix for that, but I couldn't Ctrl + F the source code for that fix.

I am hoping that someone may have the solution. The problem is that fixed positioned elements do not get updated when the user pans down/up on an iOS powered mobile Safari.


Source: (StackOverflow)

What work has been done on cross-platform mobile development? [closed]

Have any well-documented or open source projects targeted iPhone, Blackberry, and Android ? Are there other platforms which are better-suited to such an endeavor ? Note that I am particularly asking about client-side software, not web apps, though any information about the difficulties of using web apps across multiple mobile platforms is also interesting.


Source: (StackOverflow)

How can I "disable" zoom on a mobile web page?

I am creating a mobile web page that is basically a big form with several text inputs.

However (at least on my Android cellphone), every time I click on some input the whole page zooms there, obscuring the rest of the page. Is there some HTML or CSS command to disable this kind of zoom on moble web pages?


Source: (StackOverflow)

Get GPS location from the web browser

I am developing a mobile based web-site, there I have integrated Google Maps, I need to fill the 'From' field of Google Maps dynamically.

Is it possible to get the GPS location from web browser and fill it up in the 'From' field of a Google Map dynamically?


Source: (StackOverflow)

Difference between jQTouch and jQuery mobile

What is the difference between jQTouch & jQuery Mobile Framework ?

Are they related (other than being both based on jQuery) ?

Do they have the same goal ?

Edit: jQTouch is now jQT


Source: (StackOverflow)

Cheapest way to send SMS for number verification? [closed]

My application needs to verify phone numbers that are provided by the user. What is the absolute cheapest way to send an SMS to a phone? Which company/API should I go to? I'm not looking for a hack solution to send out 10 SMS a month kind of thing, I need to roll this out for a company that will be sending mass amount of verifications. But they want to do it at the lowest cost. (Each user will only need to verify once)

Sorry forgot mention the SMS needs to be international


Source: (StackOverflow)

Remove textarea inner shadow on Mobile Safari (iPhone)

By default, it seems Mobile Safari adds the top inner shadow to all input fields, including textarea. Is there a way to remove it?

It's especially ugly when you have a white background.


Source: (StackOverflow)

How to access a mobile's camera from a web app?

In my web app (not native app) for mobiles, I want to take a photo and upload it, but I don't want to use Adobe Flash. Is there any way to do this?


Source: (StackOverflow)

Media Queries: How to target desktop, tablet and mobile?

I have been doing some research on media queries and I still don't quite understand how to target devices of certain sizes.

I want to be able to target desktop, tablet and mobile. I know that there will be some discrepancies but it would be nice to have a generic system that can be used to target these devices.

Some examples I have found:

# Mobile
only screen and (min-width: 480px)

# Tablet
only screen and (min-width: 768px) 

# Desktop
only screen and (min-width: 992px)

# Huge
only screen and (min-width: 1280px) 

Or:

# Phone
only screen and (max-width:320px)

# Tablet
only screen and (min-width:321px) and (max-width:768px)

# Desktop
only screen and (min-width:769px)

What do you think these 'breakpoints' should be for each device?


Source: (StackOverflow)

@Media min-width & max-width

I have this @media setup:

HTML:

<head>
  <meta name="viewport" content="width=device-width, user-scalable=no" />
</head>

CSS:

@media screen and (min-width: 769px) {
    /* STYLES HERE */
}

@media screen and (min-device-width: 481px) and (max-device-width: 768px) { 
    /* STYLES HERE */
}

@media only screen and (max-device-width: 480px) {
    /* STYLES HERE */
}

With this setup it works on the iPhone but it does not work in the browser.

Is it because I already have device in the meta, and maybe have max-width:480px instead?


Source: (StackOverflow)

Choosing Mobile Web HTML5 Framework [closed]

For the new project, I have been searching for a framework with support of HTML5 and runs on mobile, that is IPhone, IPads. I found out these:

The main thing for me is HTML5. Although I went over the features they offer, I just wanted to know your experience if any with them.

Which one should I go for when looking for:

  • Quick Start
  • Good documentation
  • Similar Web-way development
  • Good support for the mobile platform

Source: (StackOverflow)

Detect viewport orientation, if orientation is Portrait display alert message advising user of instructions

I am building a website specifically for mobile devices. There is one page in particular which is best viewed in landscape mode.

Is there a way to detect if the user visiting that page is viewing it in Portrait mode and if so, display a message informing the user that the page is best viewed in landscape mode? If the user is already viewing it in landscape mode then no message will appear.

So basically, I want the site to detect the viewport orientation, if orientation is Portrait, then display an alert message advising the user that this page is best viewed in Landscape mode.

Many thanks, Dan


Source: (StackOverflow)

Why does Twitter Bootstrap Use Pixels for Font Size?

Given that Twitter Bootstrap is designed to be responsive / device-friendly, why doesn't it use relative font sizes?


Source: (StackOverflow)