Mobile Specific Site Development. Where to start?

Posted by Andy on Stack Overflow See other posts from Stack Overflow or by Andy
Published on 2010-05-20T15:51:58Z Indexed on 2010/05/20 16:10 UTC
Read the original article Hit count: 266

Filed under:

webkit

|

mobile-webkit

|

iphone

|

android

|

mobile

I'm beginning the process of learning the ins and outs of developing sites for mobile web browsers. Are there any good resources/communities online that discuss mobile specific site development issues?

My initial understanding is that to cover different phones you need to build one site that is enabled for browsers with the webkit engine (iphone, android, etc.) and another more basic site for other older browsers, is this assumption correct?

Also what does developing for webkit mean exactly? How is it different than just using javascript/css/html? Is it the same except that you limit yourself to webkit specific functions and css? I looked on the webkit site, but it didn't explain it in those terms.

Are there any other snafus I need to watch out for when developing for mobile browsers?

© Stack Overflow or respective owner

Related posts about webkit

Twitter Bootstrap styling conflicts with plug-ins like jqGrid and other third part libraries

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Issues:The concern is that the Twitter Bootstrap framework is that some of their css selectors are simply too generic and have incompatibility issues and conflicts with most third party plug-ins and css libraries, like jQuery-UI and jqGrid.My most pressing concern is only with the generic selector… >>> More
How do I know all the events (especially webkit only) supported by webkit/chrome/safari

as seen on Stack Overflow - Search for 'Stack Overflow'
I just cannot find a reference doc for webkit/chrome/safari >>> More
Does webkit-scrollbar work with webkit-transition?

as seen on Stack Overflow - Search for 'Stack Overflow'
I want a custom webkit-scrollbar to animate a different background color for the hover state. The code below changes the color on hover but doesn't animate anything. It works on a div so I suspect webkit-scrollbar doesn't play nice with transitions. ::-webkit-scrollbar-thumb { background-color:… >>> More
Print.css issue in Webkit

as seen on Stack Overflow - Search for 'Stack Overflow'
The page in question is featured here: http://www.allwebcafe.com/news/news-article.php?id=78 For some reason, when a user attempts to print any article of this type from a Webkit-based browser (I've confirmed this in both Safari and Chrome), the pages are all blank. On the flip side, everything behaves… >>> More
Why Chrome does not show CSS3 ::-webkit-scrollbar scrollbar for iframe?

as seen on Stack Overflow - Search for 'Stack Overflow'
Why Chrome does not show CSS3 ::-webkit-scrollbar scrollbar for iframe? Demo http://jsfiddle.net/laukstein/C9s3P/ <iframe scrolling="yes" style="overflow-x:hidden; overflow-y:scroll; width:150px; height:50px;" src="http://en.wikipedia.org/wiki/Web_browser"></iframe> CSS ::-webkit-scrollbar{ … >>> More

Related posts about mobile-webkit

Webkit debugging tools

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, What tools can I use to debug mobile webkit sites? Is there a better tool than "Firebug for iPhone" or is "Firebug for iPhone" pretty much the best tool out there? Thanks, Tee >>> More
iPhone web app - type=text inner shadow issue

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi Guys, I am trying to disable top inner shadow in input=text field which is applied by default by iPhone. Any ideas how to do this? tried to overwrite -webkit-box-shadow with no success. cheers >>> More
Android Webkit: Absolutely positioned elements don't respect z-index

as seen on Stack Overflow - Search for 'Stack Overflow'
Nasty little bug, this one. As illustrated in Android ticket 6721, the Android browser seems to not respect z-index when absolutely positioned elements are laid over the top of <a> or <input> tags. I am desperate for any sort of workaround. Has anybody conquered this one before? Thanks… >>> More
HTML5 enabled browser for Windows Mobile 6

as seen on Stack Overflow - Search for 'Stack Overflow'
I did some research on Google but I couldn't find any HTML5 browser for Windows Mobile 6. The main resource I'm looking for in HTML5 is WebDatabase and/or localStorage. With a little research I found Iris (http://www.freewarepocketpc.net/ppc-download-iris-browser.html), a Webkit based browser with… >>> More
Mobile Specific Site Development. Where to start?

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm beginning the process of learning the ins and outs of developing sites for mobile web browsers. Are there any good resources/communities online that discuss mobile specific site development issues? My initial understanding is that to cover different phones you need to build one site that is… >>> More