Resource information

Series 40 Web Apps UI Visualisation Examples

XML description:

This Series 40 Web Apps example demonstrates the use of different kinds of UI elements, navigational solutions, and patterns created with HTML, CSS and JavaScript technologies. The example is meant for both designers and developers: designers get an impression of how the components actually look on the device, and developers learn how to use the Series 40 Web Apps UI components. The application has been designed for Series 40 full touch, touch and type, and most recent non-touch devices which have Nokia Browser 2.0 or newer or Nokia Xpress browser.

This example application demonstrates:
- Different UI components (i.e., HTML, CSS & JavaScript code snippets) and design patterns that can be used in Series 40 Web Apps.
- Navigating between web app 'views'.
- How to accommodate different input methods in a web application.

Note that the application was created to demonstrate the UI components and does not have any actual engine implementation.

This example is hosted in Nokia Developer Projects, where you can find additional documentation, discover recent revisions, and contribute to the project.

type:

Example

topic:

Client/Server
Design
Series 40
UI
     Touch UI
Web
     Web Apps
         Series 40 Web Apps

language:

English (en)

compatibility:

Nokia Series 40 full touch, touch and type, and non-touch (landscape) devices with Nokia Browser 2.0 or newer or Nokia Xpress browser. Tested on: Nokia Asha 306, Nokia Asha 303, and Nokia Asha 201. Developed with: Nokia Web Developer Environment and Nokia WebTools 2.0.