SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Dec 2011
    Location
    New Jersey
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Mobile design delivery system

    Hi guys,

    In your opinion what is the best method to delivering a mobile style to phones? If I had the time and capability, I would presume making an native app for
    each phone would be the best solution. However, I am not at that development level nor do I have the time.

    There seems to be various issues using server side and ua strings, and client side media queries don't always reach a good portion of users (from what I understand.)

    Is it best to just link to a mobile from the desktop version? This would allow the user to define the experience.

    Any thoughts would be greatly appreciated. Thanks so much for your help and insight!

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    There are differing opinions on this, but one school of thought reminds up that HTML works fine on all devices, and that we can style web experiences appropriately depending on the device and its capabilities. See this, for example:

    http://www.slideshare.net/bryanriege...e-web-by-yiibu

    The first ever site on the web still works just fine on mobile. It was just HTML, of course.

  3. #3
    SitePoint Member
    Join Date
    Dec 2011
    Location
    New Jersey
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    So this presentation is basically saying to use media queries in your default style sheet correct? Some desktop browsers will ignore them? Then to reach the other platforms use some more media queries. Is this the just of it? The responsive design piece I get, understand, and implement, but actually serving it seems to be a bit tricky.

    Thanks so much!

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Yes, the idea is to start with a very simple design that all devices can handle, and then add in extra styles for smarter devices via selected media queries. The only downer is IE8 and under, which doesn't know about media queries, but you can serve up styles just for those browsers with an IE-specific style sheet via conditional comments:

    Code:
    <!--[if IE]><link rel="stylesheet" type="text/css" href="/css/ie.css"><![endif]-->
    Chris Coyier has a handy set of media queries for a range of devices here:

    http://css-tricks.com/snippets/css/m...ndard-devices/

  5. #5
    SitePoint Member
    Join Date
    Dec 2011
    Location
    New Jersey
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Ralph!


Tags for this Thread

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
  •