Responsive Web Design

Yesterday we finished up with the first stages of implementing Responsive Web Design (RWD) into the user interfaces of the Multi-Controller and Aquaponics Tracker.  The Environmental ADACS v2 (due out in about three weeks) will also include RWD.  You can see the screenshots below transition from mobile-phone, to mobile-phone-landscape/small tablet, widescreen tablet and finally large desktop.

Fig 1.  Mobile Phone (Portrait).
Fig 2.  Mobile Phone (Landscape), Tablet (Portrait).

Fig 3.  Tablet (Landscape), Netbook (Landscape).

Fig 4.  Desktop (landscape).

No comments:

Post a Comment