I spent a lot of time this last week researching better options for the scrolling of my site and working on the navigation. There are two jquery plug-ins that I have been trying to work with since last week:
Onepage-scroll allows me to scroll page by page with a smooth animation between them. I have implemented the scrolling, but the navigation is basically broken at the moment. The following zip file contains “grid.html” and is a demonstration of the page scrolling working:
This week was mainly focused on creating the skeleton of the site, and the basic structure of the navigation. The site is far from being usable at this point, and much of the styling for the navigation is simply not there.
I started off planning to utilize Bootstrap 3 as my framework, but after further research I have decided to go with Foundation 4. The major purpose behind this is due to the adaptive image plugin called “Interchange.” Since my site is so image heavy, it will be important to serve the proper image size for the correct screen size. I could add a responsive image plugin to Bootstrap, but there are a few features Foundation offers that give it the edge.
The following files require the Bootstrap 3 framework to function properly, but if you’re interested in the code I’ve created thus far, it’s below:
Farmur is a responsive web site that allows users to explore the history, present day, and future of urban farming through interactive info graphics, motion graphics, and illustrations. Users are encouraged to learn about urban farming concepts by engaging the material through rich media.