Future of web applications webinar, May 2012By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/

Delivering Web to Mobile

Scott Wilson (scott.bradley.wilson@gmail.com)

JISC CETIS Assistant Director

http://jisc.cetis.ac.uk/

Future of web applications webinar, May 2012By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/

About the report

This report is intended to help staff of UK education institutions, involved in the development of content, gain an understanding of the emerging approaches to delivering services and content for mobile devices using the Web.

Future of web applications webinar, May 2012By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/

The JISC ObservatoryThe JISC Observatory is a JISC-funded initiative to systematise the way in which the JISC anticipates and responds to projected future trends and scenarios in the context of the use of technology in Higher & Further Education in the UK. It involves CETIS and UKOLN in their role as JISC Innovation Support Centres

Future of web applications webinar, May 2012By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/

State of the mobile web

Source: globalstats; http://gs.statcounter.com/#mobile_vs_desktop-ww-monthly-200812-201205

2015

Mobile web use to overtake desktop:

Sources: Morgan Stanley, IDC

Global % of web use by mobile browsers

12.5%Mobile accounts for

Of UK web use

Source: Tecmark

Future of web applications webinar, May 2012By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/

Mobile web in education: key numbers

mobile use in UK HE

Annual growth

mobile use in UK HE

Future of web applications webinar, May 2012By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/

Exploring the options

Future of web applications webinar, May 2012By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/

Responsive websites

Future of web applications webinar, May 2012By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/

Responsive websites

Future of web applications webinar, May 2012By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/

Responsive techniques: Media Queries

@media screen and (max-width:480px) { /* CSS Rules */ }

<link rel="stylesheet" type="text/css" media="screen and (max-width: 480px)" href="480.css" />

Future of web applications webinar, May 2012By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/

Responsive techniques: Fluid grid layouts

Future of web applications webinar, May 2012By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/

Responsive techniques: Fluid images

img { max-width: 100%}

Future of web applications webinar, May 2012By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/

Mobile First?

Future of web applications webinar, May 2012By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/

Mobile Separate?

Future of web applications webinar, May 2012By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/

Mobile App? Web, hybrid or native?

Future of web applications webinar, May 2012By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/

Responsive Frameworks

Future of web applications webinar, May 2012By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/

Read Delivering web to mobile

http://bitly.com/jiscobs-tw-2

See also CETIS Mobile Web Apps briefing paper:

http://publications.cetis.ac.uk/2011/178