6CC001 Workshop - Mobile

From mi-linux
Revision as of 13:40, 5 October 2015 by In9352 (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigationJump to search

Main Page >> Advanced Web Technologies >> Workbook >> Week 08

Framework helper

The easiest way to create a mobile version of a website when using a Web Framework is to use the helpers provided.

For example CodeIgniter features a is_mobile() helper that you can use to load different views in your controllers (desktop or mobile): 

if ($this->agent->is_mobile('iphone'))
{
    $this->load->view('iphone/home');
}
else if ($this->agent->is_mobile())
{
    $this->load->view('mobile/home');
}
else
{
    $this->load->view('web/home');
}

Responsive grid

Alternatively you could use a responsive grid/framework. The 2 most popular choices are:

Getting started tutorials:

Retrieved from "https://mi-linux.wlv.ac.uk/wiki/index.php?title=6CC001_Workshop_-_Mobile&oldid=8192"