HTML5 Example:Graphical Directory

This is a demonstration application that shows the capabilities of HTML5's canvas class. This app displays a graphical directory that an organization could use to make it easier to find and contact people. The directory entries in this sample app are populated randomly with pictures of world leaders.

In a live version of this demo,a mouse click or a touch screen finger tap would let someone call or send an email message to the person displayed.

There are many adjustable settings you will find next to (or below) the graphical display.

© Copyright 2012 MiaBella,LLC

Unfortunately,your browser does not support HTML5 web pages. This could be because you have disabled Javascript,or because your browser does not support HTML5 applications. To use this HTML5 demo application,please enable Javascript in a browser compatible with HTML5. Here are some browsers capable of rendering HTML5 apps.

HTML5 capable browsers:Opera,Firefox,Safari,and Internet Explorer 9+.

.

Settings

Display Type

Image Quality

Movement Between Directory Entries

Color Scheme

Magnification

Reset Display on Mouse Exit

Number of Directory Entries