SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist
    Join Date
    Mar 2011
    Posts
    423
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Designing a Mobile site

    Hi,

    I have 3 questions:

    1. How does a browser detect whether the user is using a mobile device or a desktop computer?

    2. Is a mobile site a separate website or does it take parts of the FULL SITE and make them viewable on a mobile device?

    3. Where is best to learn how to create a mobile site?

    I am using Dreamweaver.


    Thank you for your time,

    Matt.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,319
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    It depends on how you do it. You can just make one site and view it on all devices. Using CSS @media rules, you can style the site differently depending on screen size if you like. (That will create an optimal experience.)

    Alternatively, you can create a separate site for mobiles and use a server-side script to detect the device and redirect to the approapriate site. However, this is inefficient and unreliable, as there are many new devices appearing all the time, so the script has to be updated constantly, and devices often lie about what they are, so results are unreliable.

    For small to medium sites, using CSS on the one site is the better option.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,535
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by MatthewBOnline View Post
    3. Where is best to learn how to create a mobile site?
    You can find a lot of good articles here.

    For a mobile site to action media queries properly you need to add the viewport meta tag and you can read up on it here.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •