Building a mobile web site

How would you go about building a mobile web site?
burnedfacelessAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
Scott Fell, EE MVEConnect With a Mentor DeveloperCommented:
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
Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
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 MVEDeveloperCommented:
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
All Courses

From novice to tech pro — start learning today.