Questions tagged [mobile-website]

Mobile Website refers to the design and implementation of web content aimed at clients using mobile devices such as phones or tablets.

Mobile websites allow us to consume information that has been formatted to better fit the browser on our mobile devices.

When consuming content from a phone or tablet, websites that were not designed for these devices can often be difficult to navigate or interpret. Mobile websites bridge this gap by offering content designed specifically for mobile consumption.

Some solutions include redirecting users to a separate mobile web sites or using media queries or some other browser detection to serve alternate styling or HTML.

Another consideration of mobile websites is that of page weight. Because many mobile browsers use mobile carrier networks to connect to the internet, it is a good practice to conserve the amount of data your page requires. These practices may include compressed scripts or resources, smaller images suited specifically for mobile consumptions, or otherwise reducing page size by breaking up the content into more manageable areas/pages.

1460 questions
17
votes
3 answers

How do I detect availability of tel: uri scheme in a web app?

I'm looking to use the tel: uri scheme (rfc3966) to make phone numbers linkable on mobile devices in a web application, but I'd prefer to not link them on devices that can't handle the tel: scheme - desktops, or mobile devices without phone…
Korny
  • 1,988
  • 1
  • 18
  • 16
17
votes
2 answers

Facebook URL schemes on a mobile website, open app if its installed, otherwise go to the webpage

I am creating a hybrid desktop/mobile website that all share the same pages, aka I do not have two separate URLs for desktop and mobile. I am trying to get Facebook links to open in the native Facebook app, if possible, otherwise go to the regular…
user1795832
  • 2,080
  • 8
  • 29
  • 50
17
votes
5 answers

Mobile Device Browser File vs. WURFL for ASP.NET

I am working on a commercial web application that has a separate mobile browser version intended for the more capable devices (BlackBerry, iPhone, Android, etc). I don't want to do simple User Agent contains style logic and was looking at the…
Kevin Hakanson
  • 41,386
  • 23
  • 126
  • 155
17
votes
5 answers

Responsive design with media query : screen size?

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…
16
votes
2 answers

Faking max-device-width

To implement mobile website it would be useful to set max-device-width in my browser. I know plugins to fake the user-agent. It this also possible for the max-device-width? I would prefer to use a regular browser like Firefox, IE, Opera, ... instead…
ropo
  • 1,466
  • 2
  • 18
  • 29
16
votes
7 answers

Time Picker for mobile devices

I am working in HTML5, CSS3 and using jQuery for my project. I need to have a time picker only - no date picker - for mobile devices like iPad, Galaxy etc. It should work with both touchscreen and non-touchscreen devices. I found one with a slider…
Mustehsan Ikram
  • 218
  • 2
  • 4
  • 15
16
votes
4 answers

QR code with URL, does it *REALLY* need the http://?

It seems like most (if not all) QR readers on my iPhone handle URLs without the http:// just fine but I was wondering if that is universal? Android? BlackBerry? Is there an RFC somewhere that I should be reading I'm building a QR management/url…
Dan Berlyoung
  • 1,639
  • 2
  • 17
  • 36
16
votes
4 answers

Change the color of the iOS 7 status bar in Safari and Chrome

I want to change the color of the iOS 7 status bar in Safari and Chrome. I'm working on a mobile web app and would like it to feel native and right now, I just get a white status bar.
Edvard
  • 475
  • 4
  • 8
  • 17
15
votes
3 answers

Voice Record on Mobile Web Application

Question: Is it possible, with some sort of technology, to integrate voice recording into a mobile web application? Some background: I have been working on a mobile web application just for my own enjoyment and research. Everything seemed to be…
dkroy
  • 2,020
  • 2
  • 21
  • 39
15
votes
2 answers

Can mobile website have biometric authentication?

I have mobile website and in this application I want to use device's native PIN, Faceid and Fingerprint authentication, is this practically somehow possible? because I don't think browser would allow me something like that. Also I heard that if I…
15
votes
2 answers

What is the difference between "SMS Push" and "WAP Push"?

The terms WAP Push and SMS Push seems to both be used when talking about pushing messages to a mobile application to trigger download of WAP content. Do the terms refer to the same mechanism or do they have different meaning?
Jonas Pegerfalk
  • 9,016
  • 9
  • 29
  • 29
15
votes
1 answer

Mobile Safari text input width bug?

Take a look at these screenshots: https://i.stack.imgur.com/1TFuj.png https://i.stack.imgur.com/3fukT.png I am having trouble getting text inputs to render as expected when set to 'width: 100%'. The text box extends too far to the right, past the…
nw.
  • 4,795
  • 8
  • 37
  • 42
15
votes
3 answers

Yahoo! OAuth login screen for mobile devices

This is a kind of re-post of my question on Yahoo! forums. It is just that I refer to StackOverflow more frequently... My problem is as following: while Yahoo! OAuth http://developer.yahoo.com/oauth/ is described as ready for use with mobile phones…
Justas Butkus
  • 533
  • 3
  • 9
15
votes
2 answers

Performance problems with HTML5 Canvas in some mobile browsers.

Hi I have a Webapp that should be able to run on both Smartphone and Desktop Browsers alike. While I was expecting to get some curious behaviour on small devices like the Iphone, I was pretty confident that it would run well on an Android Galaxy Tab…
wirrbel
  • 3,173
  • 3
  • 26
  • 49
15
votes
3 answers

Kindle Fire SilkBrowser Reading View CSS

Does anyone know how to correctly impletment CSS classes for the Kindle Fire Silk Browser Reading View? The Kindle Fire 6.3 Update added a "Reading View": With Reading View on Silk, the content that you're interested in is elevated above the…
taylorjes
  • 434
  • 3
  • 18