College of Agriculture and Applied Sciences

Fully Responsive Site

This project was my first fully responsive HTML site. Based on screen size, from full browser to iPhone, the site fits perfectly inside your screen. This is becoming an increasingly popular way to build sites, as a high percentage of users are using mobile phones and tablets to view websites. Here on campus at USU, many students are using their smartphones to look at department pages, so going responsive is the best way to satisfy customers.

This site had its fair share of difficulties and time consuming tasks, but I learned a lot while working on it. One of the more difficult elements was the main navigation bar. In the full site, and for some bigger tablets, the main navigation was supposed to be a bar acros the top of the site, always visible. However, on the mobile site, it was supposed to disappear and have a smaller navigation menu come up with a menu button and everything. Getting one to show and one to disappear was quite the trick, but with a lot of testing the main navigation finally became responsive.

Check out some screen shots below to see different parts of the site.

Screenshots

Home Page for USU CAAS website Home Page for USU CAAS website Home Page for USU CAAS website Home Page for USU CAAS website Home Page for USU CAAS website Home Page for USU CAAS website Home Page for USU CAAS website Home Page for USU CAAS website