Building a mobile web site

How would you go about building a mobile web site?
burnedfacelessAsked:
Who is Participating?
 
Scott Fell, EE MVEConnect With a Mentor Developer & EE ModeratorCommented:
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
 
burnedfacelessAuthor Commented:
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
 
burnedfacelessAuthor Commented:
Oh I see software.
0
Cloud Class® Course: Microsoft Office 2010

This course will introduce you to the interfaces and features of Microsoft Office 2010 Word, Excel, PowerPoint, Outlook, and Access. You will learn about the features that are shared between all products in the Office suite, as well as the new features that are product specific.

 
burnedfacelessAuthor Commented:
Still how do I specify this is for mobile.
0
 
burnedfacelessAuthor Commented:
This is an approach. Was hoping for something to detect mobile.
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
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
 
burnedfacelessAuthor Commented:
Thank you
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.