Types of Mobile Sites

There are three different ways to
optimize a website for mobile devices:
Responsive design

Responsive design is probably the most
popular choice, and olen the easiest to
implement (but it helps if it's implemented
from the get-go and not as an
afterthought). It uses CSS media queries
Apps And Mobile Advertising
to specify different styles for different
situation, such as small screens (like on
mobile devices). Basically, it's telling the
browser to use these styles if the screen
is smaller than 960px, and these other
styles if the screen is smaller than 640px
The HTML remains the same whether the
user is mobile or not.

Dynamic Serving

With dynamic serving, mobile users are
served separate content transparently.
The server tries to detect if the visitor uses
a mobile device, and serves them separate
HTML/CSS suited for their screen. The
downside of this approach is that the
device detection needs to be flawless
(which it ojen isnt), or the visitor may still
end up on the non-optimized website.

Separate Mobile Site

This is similar to dynamic serving, but
instead of handling it transparently, the
server redirects the user to a separate
website (often m.domain.com). You oJen
see this on websites that would be too
complex for responsive design.
Usually there is also a link the visitor can
click to view the full, non-
optimized website if they so choose.

Which one should you use?

Dynamic serving is rarely the best choice,
so let's throw that one out (unless you
have specific reasons for doing
otherwise). The other methods both havetheir pros and cons, and unfortunately
there is no simple way to determine which
one that would work best for you.
Having a separate mobile site allows you
to develop a pure, 100%
optimized experience. This is a good
choice if your website has many complex
features, which would be difficult and
require too much compromise to build out
using responsive design. It's also the best
choice if you want your mobile visitors to
see different content than those on PC's,
as responsive design would only allow
different styles (CSS), not content (HTML).
A responsive design will oJen require
Some npromise, as the same HTML
base will be used for both types of
visitors. This pretty much limits it to
showing a lightweight version of the full
website to mobile users. However, it
requires a lot less work to implement
when compared to developing a separate
website for mobile users, In the hands of a
skilled web developer, responsive design
requires little more than a well thought out
base structure in HTML and some
additions to the CSS.
If you're unsure of which one to choose, it
might, be

Takeaways

 good idea" to consult with a"
developer, as they can often easily tellI
what would, suit your website best.

from Science Technology http://bit.ly/2Wcnat1