Solved

Building a mobile web site

Posted on 2013-11-16
7
250 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
Efficient way to get backups off site to Azure

This user guide provides instructions on how to deploy and configure both a StoneFly Scale Out NAS Enterprise Cloud Drive virtual machine and Veeam Cloud Connect in the Microsoft Azure Cloud.

 

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

Use Case: Protecting a Hybrid Cloud Infrastructure

Microsoft Azure is rapidly becoming the norm in dynamic IT environments. This document describes the challenges that organizations face when protecting data in a hybrid cloud IT environment and presents a use case to demonstrate how Acronis Backup protects all data.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
VBA for Outlook Web App 5 424
UI related Queries 3 241
Latest trend in web technologies 16 96
Web Server Hosting 11 70
Recently, we decided that in order to stay competitive in today's IT world, we were going to have to develop and deploy a mobile app for our users and do it quickly. We felt that we were already behind the curve. Users of technology today are mov…
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.
This Micro Tutorial demonstrates using Microsoft Excel pivot tables, how to reverse engineer competitors' marketing strategies through backlinks.
Although Jacob Bernoulli (1654-1705) has been credited as the creator of "Binomial Distribution Table", Gottfried Leibniz (1646-1716) did his dissertation on the subject in 1666; Leibniz you may recall is the co-inventor of "Calculus" and beat Isaac…

803 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