Geek Answers Handbook

When should i use jQuery Mobile? What is the correct “use case”?

According to the FAQ, questions regarding "software commonly used by programmers" are appropriate, so here it goes.

I like the user interface for jQuery Mobile, but I'm just getting into responsive design where my site responds to screen size (media queries, etc.). So where does jQuery Mobile fit in the mix?

Say for example ...

  • I have already developed the "look" of my site for all screen sizes.
  • My design is not currently using any jQuery Mobile UI element (any size).
  • So ... how would my site win with jQuery Mobile?
  • Wouldn't I have to redo the whole site to use jQuery Mobile?
  • Or just jQuery Mobile (or first of all) for mobile applications ?

It's amazing that I see so many tutorials that jump right into HOW to use it, but skip right above WHY and WHEN use it.

+6
source share
3 answers

Yes, jQuery Mobile is only for mobile applications, which means that it will be used on different web pages on your existing desktop.

You can create a mobile site using a “responsive design,” as you mentioned, but jQuery Mobile is bigger than that, it is designed to be used for a fully dedicated mobile site.

I would look at it like this:

-If you want the webpage to look good on a desktop browser but also viewable on a mobile device, use flexible design methods such as CSS Media Queries

- If you need separate mobile pages (for example, www.mysite.com/mobile) to which mobile devices are redirected, jQuery Mobile is for you

It is also worth noting that JQM is optimized for mobile browsers by reducing the number of HTTP requests made by the server (it is important when you connect to a 3G connection, etc.), which your regular website probably does not.

+5
source

jQuery Mobile is a Framework, it’s not something you just plug into an existing application. If you already have a fully functioning website, jQuery Mobile will not help much.

+2
source

I think jQuery Mobile will be used mainly in mobile applications. It gives you basically an already created user interface that you can easily customize for your needs to create a cool application.

+1
source

More articles:


All Articles