Skip navigation
Currently Being Moderated

Setting up mobile (responsive) pages

Jun 1, 2013 10:14 PM

Tags: #responsive_website

Hi all,

 

I have a preexisting complex site up and running. Now, I would like to create a - "responsive" - cut down version for mobile phones and tablets.

 

The main site is too complex to add mobile responsive design to - so I was thinking that it would be easiest to create a new "mobile directory" and use DW 's fluid grid layout for this directory contents. Then I could adapt some cut-down main site pages for this usage.

 

 

Q: One thing I need to know is what bit of code would I put on the MAIN INDEX page - to check for phones and tablets and if detected then redirect to the mobile directory?

 

Also - if anyone has any suggestions about this concept - I would love to hear them

 
Replies
  • Currently Being Moderated
    Jun 2, 2013 12:58 AM   in reply to revdave

    You can detect for mobile devices using php mobile detect:

     

    http://code.google.com/p/php-mobile-detect/wiki/Mobile_Detect

     

    About the concept I would entirely agree. I haven't as yet delved deeply into respnsive design as I have not been asked to specifically make a site compatible with mobiles as it already is, albeit not optimised for mobiles which is what responsive design is. I design real world sites, not examples or tutorials, and most of the time they require a lot of page manipulation i.e. different columns for different pages, page specific css. I have a problem with responsive design when it comes to that, not that it can't be done but it adds yet another layer of complexity and time consumption and would take so long to manipulate the css that in my opinion in most cases its not financially viable.

     

    So you either have to start to compromise the design of the site by making the grid system simpler or you can do as you suggest and take the essential information of the 'main' site and make a seperate mobile friendly site, which is the angle I would most likely take if asked to make a site mobile friendly.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 2, 2013 1:12 PM   in reply to revdave

    If you're dynamically populating pages with content from a MySql database, you can create queries to target certain devices and designate which content they receive.   In my opinion, one site is far easier to manage than separate ones.

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points