6CC001 Workshop - Mobile

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:

• Foundation
• Bootstrap

Getting started tutorials:

• An overview of Bootstrap, how to download and use, basic templates and examples, and more.
• Getting started With Foundation is easy.