What is best for creating a mobile or tablet compatible web application

It seems like with raised mobile devices you need to start taking them into account and lowering IE6.

With this in mind, it occurred to me that some things do not work as good as they can be or even say, my iphone.

what seems broken includes (but is not limited to):

  • mouseover / mouseout events (almost all can break)
  • CSS pseudos: also freezes naturally (e.g. breaks CSS navigation menus)
  • DOUBLE CLICKS - it scales instead of an event handler
  • CSS issues (a minute seems to work the same as in Chrome without gradients + some issues with font size)

The real question is: do you have any recommendations, articles or anything else that might cover the things below or any advice you can give.


where do you start to translate the experience for desktop users to mobile? Are you trying to create a separate skin for mobile devices or are you modifying / updating your site to work as best as possible - how much service and work is involved in any approach

Are there any frameworks (CSS or JS) that can ignore this and make competent degradation where necessary? boilerplate comes to mind, jquery-mobile mootools-mobile (power tools) ?

what do you replace things like the ones above, click events?

How do you include swipes in a web application? can you handle and respond to finger scaling? you should?

additional events like shake, tilt - do they bubble in the browser window?

Are you doing anything to accommodate awkward OS elements like select , checkbox and radio ?

Resource management. Do you use a detection level that will only send files that are relevant to the device, unlike generic js libs that can work with both?

as for device support, I'm interested in droids and ios, so javascript support will be pretty good - would you drop your main framework and go with micro js lib?

and finally, do you have any impressions about how viable handheld devices are designed for e-commerce and monetization (now and in the near future). I would like to make sure that from a business point of view, the work of the developers will be worth the expense, and we are not going to go after the trick with a buzzword like "#socialmedia". any data on conversion values ​​compared to desktop? this can help me measure whether they are used as a tool for quick viewing or if they can actually record in full.

any examples of sites that do an excellent job of working on mobile and desktop computers at the same time or with the help of different projects, I would like to see them and find what is even possible.

early.

+7
source share
3 answers

You just asked a lot of questions that I asked myself recently. I cannot give excellent answers as I am still studying and studying. but here are some useful links.

Hope this helps a little.

+7
source

I can answer the question about the degree of conversion / business performance of your question.

I had the opportunity to see Omniture numbers for the very, very large interests of e-commerce, and the answer is that the conversion may be slightly smaller, somewhat larger, or approximately the same. There was a rather big difference depending on the device and the seller’s site.

This is what you expect, though, I think. The quality of a mobile / tablet PC now greatly depends on how well optimized it is for mobile devices (and for which mobile devices). I think that as a result, the transformation is changing a lot.

+1
source

The following link should help. To make a site look like nativeapp, jQuery plays an amazing role

http://blog.2partsmagic.com/2012/07/developing-web-application-ipad-android-tablet/

0
source

All Articles