Salesforce1 Mobile App Developer Guide

Introduction
About This Book
Setting Up Your Work Environment
Salesforce1 Administration
Developing for Salesforce1
Welcome to Salesforce1 Platform Development
Designing Mobile-First User Interfaces
Extending Salesforce1 with Visualforce Pages
Adding Functionality with Visualforce Custom Actions
Integrating Your Web Applications in Salesforce1 with Force.com Canvas
Calling Quick Actions from the API
Extending the User Interface with Lightning Pages
Development Guidelines and Best Practices
When to Use the Navigation Menu or the Action Bar
Visualforce Guidelines and Best Practices
Sharing Visualforce Pages Between Mobile and Desktop
Excluding Visualforce Pages from Mobile or Desktop
Choosing an Architecture for Visualforce Pages in Salesforce1
Standard Visualforce Pages
Mixed Visualforce and HTML
JavaScript Remoting and Static HTML
Visualforce Components and Features to Avoid in Salesforce1
Choosing an Effective Page Layout
User Input and Interaction
Managing Navigation
Visual Design Considerations
Using Visualforce Pages as Custom Actions
Creating Visualforce Pages That Work in Mobile and Desktop
Performance Tuning for Visualforce Pages
Force.com Canvas Guidelines and Best Practices
Learning More
PDF

Choosing an Architecture for Visualforce Pages in Salesforce1

The Salesforce1 Platform supports several ways to design and structure Visualforce pages, each with different trade-offs with respect to development time, developer skill required, and how thoroughly you want your custom functionality to match Salesforce1.
Use one of the following approaches for the structure of your pages: