Solved

Building a mobile web site

Posted on 2013-11-16
7
253 Views
Last Modified: 2013-11-16
How would you go about building a mobile web site?
0
Comment
Question by:burnedfaceless
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 2
7 Comments
 
LVL 53

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
ID: 39653761
You want to make a responsive site using media queries.  I suggest using either http://getbootstrap.com/ or http://foundation.zurb.com/ 

Both have a responsive css grid and other nice features you will like.
0
 

Author Comment

by:burnedfaceless
ID: 39653910
Thanks I'm working on a site for a small business.

How do I recognize the mobile device and send it to the mobile page?

Those templates are great.
0
 

Author Comment

by:burnedfaceless
ID: 39653911
Oh I see software.
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:burnedfaceless
ID: 39653926
Still how do I specify this is for mobile.
0
 

Author Closing Comment

by:burnedfaceless
ID: 39653956
This is an approach. Was hoping for something to detect mobile.
0
 
LVL 53

Expert Comment

by:Scott Fell, EE MVE
ID: 39653973
There is no detecting mobile.  Instead you are detecting the viewport and sizing your objects appropriately or in some cases you are moving objects around from multiple columns to stacked.  

See the grid http://getbootstrap.com/css/#grid

The sample below will create 2 columns where the left is wider then the right larger screens. On a phone the div's will stack.  This is because the grid is based on 12 columns. Notice md-8 and md-4 will total to 12.  Read through the link I gave you about the grid.
<div class="row">
  <div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div>
  <div class="col-xs-12 col-md-4">.col-xs-12 .col-md-4</div>
</div>

Open in new window

0
 

Author Comment

by:burnedfaceless
ID: 39654045
Thank you
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Read about why website design really matters in today's demanding market.
Owning a franchise can be the dream of a lifetime. It provides a chance for economic growth. You can be as successful as you want.  To make your franchise successful, you need to market it successfully. Here are six of the best marketing strategies …
In a recent question (https://www.experts-exchange.com/questions/29004105/Run-AutoHotkey-script-directly-from-Notepad.html) here at Experts Exchange, a member asked how to run an AutoHotkey script (.AHK) directly from Notepad++ (aka NPP). This video…

732 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question