Designing STEW user interface

This example describes how to design a usable user interface for a widget.

Designing a usable widget user interface comprises the following tasks:

• STEW: defining the HTML and CSS structure

• STEW: adding JavaScript to drive the widget logic

• STEW: managing user interaction

• STEW: loading the widget at startup

• STEW: supporting different screen sizes

• STEW: supporting screen rotation

• STEW: adding menu options