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
14
votes
3 answers

What tech developed the "Financial Times Web App" for iPhone/iPad

If you are unsure of what I am referring to, you can check it out here: Can the FT Help Publishers Quit Their Apple Addiction? So my question is (if anyone knows), what exact tech did they used to develop this? Did they use jQuery UI, jQuery…
PaulM
  • 3,281
  • 3
  • 28
  • 38
14
votes
1 answer

Strange behavior of select/dropdown's onchange() JS event when using 'Next' on Mobile Safari Dropdown list item select box

This is a hard one to articulate and I am new to mobile web development so please bear with me: On my webpage, I have 3 Nested dropdown lists (Area, Town, Street). Nested as in, each dropdown's items are modified when the selection in the dropdown…
14
votes
3 answers

JQuery Mobile Table

Can anyone point me to any sample or can provide any sample of a Jquery Mobile table please? I've seen the demos on their website and found no tables. I need to be able to create a table that will look good on Mobile / iPad.
Satch3000
  • 47,356
  • 86
  • 216
  • 346
14
votes
3 answers

Mobile CSS Page width

Trying pretty hard to make simple form page viewable in mobile devices. The form is viewable, just that I have to zoom in a lot to read it. Hear is an example: http://200.5.3.20/temp/PocketPC/dispatch.php
Rick
  • 2,288
  • 18
  • 66
  • 98
14
votes
5 answers

meta "viewport" device-width: Wrong width small on Opera Mobile 9.7 (10 works)

For my current mobile web project I use the meta "viewport" tag to instruct the mobile browser to use a scale of 1:1 with the devices' width:
Markus Wolters
  • 203
  • 1
  • 3
  • 10
14
votes
7 answers

How to target Galaxy Nexus and Nexus 7 with media queries?

I have two devices that I'm testing site design with. Samsung Galaxy Nexus and Asus Nexus 7 tablet. I'm having a really hard time figuring out how to target these individual devices with media queries. I'm not sure about what values to use for…
Jake Wilson
  • 88,616
  • 93
  • 252
  • 370
14
votes
7 answers

Supporting Mobile Devices in Ruby on Rails

What is the best way to develop a rails application that has special views for different mobile devices? Basically I'm looking for something like this ASP.NET MVC solution:…
Eran Kampf
  • 8,928
  • 8
  • 49
  • 47
13
votes
4 answers

Android Browser textarea scrolls all over the place, is unusable

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…
Mikel
  • 486
  • 5
  • 13
13
votes
1 answer

How to get your page to scroll an input element into view when the virtual keyboard covers it?

This is done automatically when I load my website in iOS Safari and Chrome, but not done when I load it in cordova. I'd prefer a non-JS solution if possible.
Loren
  • 13,903
  • 8
  • 48
  • 79
13
votes
2 answers

Creating a mobile version for my web app in CodeIgniter

I'm using CodeIgniter to develop a new web app, and I'd like to create a mobile version that users get redirect to when they visit it from their phones. The mobile version of the app should have a different flow, so swapping CSS/HTML files in the…
KeyStroke
  • 1,455
  • 5
  • 19
  • 24
13
votes
5 answers

Single page webapp screen transitions with maintaining the scroll position

I'm build a single page web application for mobile phones. The application should implement transitions between "screens" (like any other mobile app e.g. Facebook, Twitter) and these transitions should be animated (slide left-right). Each screen has…
gphilip
  • 1,114
  • 15
  • 33
13
votes
4 answers

Why is UIWebView canGoBack=NO in iOS7?

I'm embedding this web site into my app like this: NSString *url = [NSString stringWithFormat:@"https://mobile.twitter.com/search?q=%@", @"@test OR #test"]; url = [url…
aslı
  • 8,740
  • 10
  • 59
  • 80
13
votes
4 answers

Prevent scrolling on keyboard display iOS 6

I am running into a strange issue. I am currently producing a mobile web app using HTML5 and CSS3 for iOS 6 only. However, when an input element receives focus and the soft keyboard is displayed, the window is scrolled so that the input is not…
BenM
  • 52,573
  • 26
  • 113
  • 168
12
votes
3 answers

Html5Boilerplate or Html5Boilerplate Mobile for mobile-first website?

Now that Html5Boilerplate has reached version 2.0 and is oriented around mobile-first design, should Html5Boilerplate Mobile still be used for mobile-first sites? Just wanted to ask b/f I dig through the code of each. It appears one of the…
bgibson
  • 17,379
  • 8
  • 29
  • 45
12
votes
1 answer

Trying to implement Google's Fast Button

I'm trying to implement Google's Fast button for the mobile touch events, and I seem to be stuck. I'm trying to set it up so that I can make links into fastbuttons, but I can't seem to get my library structure right. What ends up happening is the…
MrMaksimize
  • 542
  • 1
  • 6
  • 20