Mobile web-apps

Building cross-platform mobile web applications

The strategy ,[object Object],[object Object],[object Object]

Implementation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Web Apps vs Websites ,[object Object]

1. Start with a basic page skeleton ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

2. Add the viewport tag ,[object Object],[object Object]

3. Include JQuery Mobile ,[object Object],[object Object],[object Object],[object Object]

4. Create a mobile “page” ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

5. Create a dialog box ,[object Object],[object Object]

5. Create a dialog box ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

7. Lists ,[object Object],[object Object],[object Object],[object Object],[object Object]

7b Home buttons ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

8 Fun Stuff ,[object Object],[object Object],[object Object],[object Object],[object Object]

9. Packaging ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Distribution ,[object Object],[object Object],[object Object],[object Object]

Layouts with progressive enhancement ,[object Object],[object Object],[object Object],[object Object]

Mobile web-apps

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (7)

Similar to Mobile web-apps

Similar to Mobile web-apps (20)

More from PLE Conference 2011 - Southampton

More from PLE Conference 2011 - Southampton (20)

Mobile web-apps