5

The Challenge

I would like to create a simple website for:

  • iPhone 3 and 4
  • iPad
  • Android 2.2 – BBerry OS 7 and Playbook Browser
  • Symbian
  • Desktop Webbrowser

The Problem

Whats the "best-practice" for detect, optimize and deliver the Webapp for each device/screensitze? I know this is about HTML5, CSS3 Mediaqueries and JS. HTML5 Boilerplate is a good point to start.

But:

  • Should I detect Browser/Devices via backend/front? What are good libraries?
  • How Do I detect different screensizes? What are good libraries?
  • etc.
Lukas Knuth
  • 25,449
  • 15
  • 83
  • 111
fabian
  • 5,433
  • 10
  • 61
  • 92
  • Have a look at jQuery Mobile as well, not really what your asking but may help a bit. Another is Sencha mobile. – rickyduck Oct 19 '11 at 09:09

4 Answers4

4

Use Phone Gap as your starting point.

Depending on your use case, there may be other libraries you may want to pile on top of it, but basically Phone Gap is what you should start with.

Stephan Branczyk
  • 9,363
  • 2
  • 33
  • 49
0

My suggestion would be to use Sencha Touch. Its a very mature mobile app frame work with a very active community. They support any mobile that uses the webkit based browser which is everything on your list(Im not sure about the symbian browser).

Sencha 2 which will be released by the end of october will have its own native packaging library, so the use of phonegap wont be required. But it work well with phone gap if preferred.

blessanm86
  • 31,439
  • 14
  • 68
  • 79
  • Sencha Touch is too big. I dont want to bulid a real app. Just an optimized website. – fabian Oct 18 '11 at 12:12
  • In that then use a mobile website with different css for the mobile devices. Btw Sencha 2 allows us to include only the files that we use so create a custom build of there lib js file. – blessanm86 Oct 18 '11 at 12:22
0

Mobl is new language for the mobile web. just a look on it.

Stack User 5674
  • 1,548
  • 1
  • 20
  • 44
0

Adobe's Edge is the most refined HTML5 creator that also supports Android, iOS and Playbook (IMHO forget about Symbian, that's Nokia's half dead platform). BB7 uses webkit like most other desktop and mobile browsers.

Note that coincidentally Phonegap (that I see in other answers here) is part of Adobe now.

You can give a try to Titanium's new web SDK too.

And then look at this SO question which is very similar to yours and has lots of useful links in it.

Community
  • 1
  • 1
Gabor
  • 7,352
  • 4
  • 35
  • 56