ui fallback and fragments
DESCRIPTION
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.TRANSCRIPT
![Page 1: Ui Fallback And Fragments](https://reader038.vdocuments.us/reader038/viewer/2022100517/554baffdb4c905b8618b5922/html5/thumbnails/1.jpg)
tweakerssite context UIcontent
User Interface (UI) ... one of the five building blocks of bemoko mobile web development
![Page 2: Ui Fallback And Fragments](https://reader038.vdocuments.us/reader038/viewer/2022100517/554baffdb4c905b8618b5922/html5/thumbnails/2.jpg)
content
iPhone 320px basic
UI inheritance
![Page 3: Ui Fallback And Fragments](https://reader038.vdocuments.us/reader038/viewer/2022100517/554baffdb4c905b8618b5922/html5/thumbnails/3.jpg)
content 320px
menu
basic
header
menu
body
iPhone
header
page fragments
UIs
... store page fragments in the UI folders you want to target
![Page 4: Ui Fallback And Fragments](https://reader038.vdocuments.us/reader038/viewer/2022100517/554baffdb4c905b8618b5922/html5/thumbnails/4.jpg)
content 320px
menu
basic
header
menu
body
iPhone
header
page fragments
UIs
device
iPhone
... iPhone connects
![Page 5: Ui Fallback And Fragments](https://reader038.vdocuments.us/reader038/viewer/2022100517/554baffdb4c905b8618b5922/html5/thumbnails/5.jpg)
content 320px
menu
basic
header
menu
body
iPhone
header
page fragments
UIs
device
iPhone
page
body
menuheader
... bemoko UI fallback algorithm assembles optimal page
![Page 6: Ui Fallback And Fragments](https://reader038.vdocuments.us/reader038/viewer/2022100517/554baffdb4c905b8618b5922/html5/thumbnails/6.jpg)
content 320px
menu
basic
header
menu
body
iPhone
header
page fragments
UIs
device
iPhone
page
body
menuheader
320px
body
menuheader
... optimal fragments assembled a 320px wide smartphone
![Page 7: Ui Fallback And Fragments](https://reader038.vdocuments.us/reader038/viewer/2022100517/554baffdb4c905b8618b5922/html5/thumbnails/7.jpg)
content 320px
menu
basic
header
menu
body
iPhone
header
page fragments
UIs
device
iPhone
page
body
menuheader
320px
body
menuheader
120px
body
menuheader
... and tuned for small screen
![Page 8: Ui Fallback And Fragments](https://reader038.vdocuments.us/reader038/viewer/2022100517/554baffdb4c905b8618b5922/html5/thumbnails/8.jpg)
content 320px
menu
basic
header
menu
body
iPhone
header
page fragments
UIs
device
iPhone
page
body
menuheader
320px
body
menuheader
120px
body
menuheader
iPhone 320px 240px
... all mobiles delivered beautiful pages
Easy, flexible and unconstrained mobile optimisation with bemoko.
body
menuheader
body
menuheader
body
menuheader