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/AVvXsEjLbninlTYFK13nkeA3zt1ivRmXPUR9GDhBEpFUR0Vv3QfxwdhxAmbY09aU_8eIk_T8XZVJaq1FrZSgRgw-N3jpkhu8JfTpWEyqy9z975Xf7kgIoerTa-N-DhFvhOwQVfp7ttQCKLsWqM8/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

Aqua

• Tracker Messaging System
• Off Topic Bee Hive Removal
• Chook Died
• Updates Andy from Bukit Jalil
• Educators For Aquaponics Coming In 2014
• Fish Diseases And State Regulations
• WARNING Worm Farm is Out
• Fall Harvest
• Aquaponics Organic Pesticide
• New Bottle Garden design
• May Strawberries in Vermont !
• BRATTLEPONICS gets a logo
• Water Quality Graphs
• Raceways arriving
• Favorite Websites
• Testing Proto Shields for Automating Aquaponics with Arduino
• Egg Shell Planter
• Aquaponics Misconception
• Fine Tuning the Swivel Siphon
• Aquaponics Advantages Commercially
• Friday SketchUp Archive 150 70 Stock Tank Aquaponics System
• Become an Affiliate for the ASC Magazine
• Eating Weed
• New External Relays
• CLAW CABINET LOBSTERS AT WORK

demo

• Live Demo of Tutorials
• The Arduino Ethernet Board
• Environment DAQ Demo

design

• New Bottle Garden design
• New Design OUT with you half barrels!!
• Aquaponics System Update
• New SLO design Video tour
• Aquaponics News 2
• Office Aquaponics System DESIGN
• Winter is coming!
• Environment DAQ Demo
• Seed Germination System Video
• Aquaponics Design 2