Ubuntu App Showdown: display orientation, screen resolution

Since I’m using HTML5 instead of QML, one of the challenges is make the RSS feed reader behave like a native application. One such challenge is to make the application adapt to orientation an screen size.

My RSS feed reader displays feeds differently depending on the handheld and how the handheld is held.

If the user uses a smartphone in portrait mode, the RSS feed reader looks like that:

Landscape mode smartphone

Landscape mode smartphone

If he uses his smartphone in landscape mode, the application reacts to this and displays two columns:

Smartphone - landscape mode

Smartphone – landscape mode

Finally, on handhelds having a resolution higher as 480px, the RSS feed reader looks like that:

Tablet mode

Tablet mode

The user will have the possibility to configure (and so overwrite the default behavior) in a later version of the software.

Share Button

Leave a Reply

Your email address will not be published. Required fields are marked *

one × 1 =

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>