Solved

Building a mobile web site

Posted on 2013-11-16
7
251 Views
Last Modified: 2013-11-16
How would you go about building a mobile web site?
0
Comment
Question by:burnedfaceless
  • 5
  • 2
7 Comments
 
LVL 52

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
Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 

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 52

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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Read about why website design really matters in today's demanding market.
Finds all prime numbers in a range requested and places them in a public primes() array. I've demostrated a template size of 30 (2 * 3 * 5) but larger templates can be built such 210  (2 * 3 * 5 * 7) or 2310  (2 * 3 * 5 * 7 * 11). The larger templa‚Ķ

821 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