bemoko intelligent UI assembly : You store page fragments in the UI folders you want to target. The appropriate fragments are selected for the connecting device from each of the UI folders by the bemoko UI fallback algorithm and subsequently assembled to create the optimised page for the device.

1. site content context UI tweakers
User Interface (UI) ... one of
the five building blocks of
bemoko mobile web
development

2. UI inheritance
content
iPhone 320px basic

3. ... store page fragments in the UI folders you want to target
content iPhone 320px basic
header header
menu menu
body
UIs
page fragments

4. ... iPhone connects
content iPhone 320px basic
header header
menu menu
body
device
UIs
iPhone
page fragments

5. ... bemoko UI fallback algorithm assembles optimal page
content iPhone 320px basic
header header
menu menu
body
header
menu
body
page
device
UIs
iPhone
page fragments

6. ... optimal fragments assembled a 320px wide smartphone
content iPhone 320px basic
header header
menu menu
body
header header
menu menu
body body
page
device
UIs
iPhone 320px
page fragments

7. ... and tuned for small screen
content iPhone 320px basic
header header
menu menu
body
header header header
menu menu menu
body body body
page
device
UIs
iPhone 320px
120px page fragments

8. ... all mobiles delivered beautiful pages
content iPhone 320px basic
header header
menu menu
body
header header header header
header header
menu menu menu menu
menu menu
body
Easy, flexible and body body body
body body
unconstrained mobile
optimisation with
bemoko.
page
device
UIs
iPhone 320px iPhone 320px 240px
120px page fragments