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).
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit1XqHP1xCyRWTR2_lG_YkX_Mvwip7SvvGtfo6rxgYawEBERt7SZ5ZWIRbSZ-U2mTNcw2dnFLeYfMbRni_KHVqCL4m9Us2FEWbYHNnkzPsHOM9UDaJORhzXB-a4qi4yR_56bmdmBHk2Pw/s320/2_Small_Tablet_and_Landscape_Phone.png" width="224">Fig 2.  Mobile Phone (Landscape), Tablet (Portrait).

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

Fig 4.  Desktop (landscape).



Related Posts by Categories

0 komentar:

Posting Komentar