Flash sizing Zen: Making Flash fit on mobile devices
Created
8 November 2010
Requirements
Prerequisite knowledge
Knowledge of Flash development, but experience authoring for mobile is not required.
User level
Intermediate
Sample files
You might be surprised when you attempt to access your own website on a smart phone and discover that your content is not laid out as you had envisioned; and as you try to alter your content so that it’s displayed equally well on the desktop as it is on a smart phone or tablet, you will discover that there are some challenges to overcome.
This white paper reviews the necessary steps to identify the device and its capabilities that the user has on hand, circumvent the phone’s browser "features" that are intended to make legacy desktop content accessible via the phone, and review other challenges to create a seamless, predictable experience between the user and your content.
Obstacles to creating a consistent and usable experience include mobile content transcoders, mobile devices that behave in certain ways to make a web experience really intended for desktop systems accessible to mobile users, inconsistent use of HTML tags and meta-tags across device families, and user-configurable browser or device settings.
This document walks you through the steps necessary to eliminate the various potential points of variation so that you can create an experience that scales gracefully between desktop and mobile browsers. The sample ActionScript 3 project call TestStage, created with Adobe Flash® Builder 4, exemplifies many of the key concepts conveyed in this document.
Read the white paper:
- Flash sizing Zen: Making Flash fit on mobile devices (PDF, 644 KB)
Topics covered:
- Display modes
- HTML tips for mobile-optimized web content
- Scaling and aligning content
- Device orientation
- Sizing your content appropriately
- Device detection in HTML and Flash
Where to go from here
To learn how to get started building applications and content for mobile and devices, visit the Mobile and Devices Developer Center, including the resources for optimizing web content for mobile delivery.
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License
More Like This
- Designing and developing Flash games for the Sony PSP
- FAQ – Flash Player 10.1 beta for Google TV
- Design tips for creating mobile websites
- Flash Lite 3 video capabilities
- Taking your brand mobile
- Research In Motion and Adobe Systems alliance
- Delivering video for Flash Player on mobile devices
- Mobile workflow in Adobe CS4
- Remote mobile device testing with DeviceAnywhere
- Understanding video formats and controlling video volume in Flash Lite 3.x
