Home > Blog > Entry
International Masonry Institute
XHTML & CSS Cutup from PSD file / JavaScript / PHP Templating
The International Masonry Institute site was my first project with a DC-based agency for whom I did several sites.
The biggest issue for this site was navigation. It had tons of information that needed to be displayed in a way that could be found easily. We used CSS and JavaScript to create drop-down navigation to make one-click access available to as many sections as possible. In the site’s subpages, there are multiple tiers of navigation to keep users close to the content they need.
I also used JavaScript to create a slideshow on the homepage and an animated dropdown on the sub-pages. PHP was used to template the navigation and other reusable content areas.
I was only on this project to get their homepage and “About” section pages up and running so I can’t take credit for all the code here, but they seem to have used my concepts throughout the rest of the site – though they have fallen back to their table-based-layout comfort zones from time to time with their updates. See the results at http://www.imiweb.org/.
Screenshots:
Blog Archive
- By date
- March 2009 (13)
- By category
- News (1)
- Work (12)