background preloader

Mobile app

Facebook Twitter

Design - Themes. Themes are Android's mechanism for applying a consistent style to an app or activity. The style specifies the visual properties of the elements that make up your user interface, such as color, height, padding and font size. To promote greater cohesion between all apps on the platform, Android provides two system themes that you can choose from when building apps: Holo LightHolo Dark Applying these themes will go a long way in helping you to build apps that fit right into the general visual language of Android. Pick the system theme that best matches the needs and design aesthetics for your app. If your desire is to have a more distinct look for your app, using one of the system themes as a starting point for your customizations is a good idea. Developer Guide For information about how to apply themes such as Holo Light and Dark, and how to build your own themes, see the Styles and Themes API guide.

Android

PhoneGap: Building Mobile Applications with HTML/JS. Mobile application development, Part 1: PhoneGap and Dojo Mobile on Android. Introduction Everywhere you go, people are using mobile devices to keep in touch with family and friends, take a picture to post on a social website, find the location of a restaurant, or check the latest news headlines. Mobile devices come in many different shapes and styles. Mobile phones run a variety of different operating systems such as Apple's iOS, Google's Android, and Research In Motion's Blackberry. Some have large displays, physical keyboards, and run on 3G, 4G, or WiFi networks.

Mobile phones may also have sensors for acceleration, location, or even payments. Despite their differences, mobile devices are similar in that they all run mobile applications. Native applications Installed on the device, native applications are binary executable programs created using a software development kit (SDK) and distributed through an app store. Web applications To "run" a web application, the user enters a URL into the mobile web browser. Prerequisites Back to top Listing 1. Figure 3. <! JavaScript Libraries. HTML5 Techniques for Optimizing Mobile Performance. Introduction Spinning refreshes, choppy page transitions, and periodic delays in tap events are just a few of the headaches in today’s mobile web environments. Developers are trying to get as close to native as they possibly can, but are often derailed by hacks, resets, and rigid frameworks. In this article, we will discuss the bare minimum of what it takes to create a mobile HTML5 web app.

The main point is to unmask the hidden complexities which today’s mobile frameworks try to hide. Hardware acceleration Normally, GPUs handle detailed 3D modeling or CAD diagrams, but in this case, we want our primitive drawings (divs, backgrounds, text with drop shadows, images, etc...) to appear smooth and animate smoothly via the GPU. Memory allocation and computational burden — If you go around compositing every element in the DOM just for the sake of hardware acceleration, the next person who works on your code may chase you down and beat you severely. Page transitions Sliding Flipping Rotating.