This website uses two different interface designs - one for desktops and one for the iPad.
To update my website for viewing on an iPad, I could have removed the mouse over effects while only making minor changes to the look of the interface. Instead, I decided to completely overhaul the homepage to create an interface which better accomodates the "finger touch" aspect of the iPad.
The first image below is from the desktop version of this website and shows a flyout menu which appears in response to the mouse hovering over the Games link. The second image is from the iPad version which shows two easily tappable icons which appear in response to a single tap on the Games link.
On the internal pages of this website, the fly out menu navigation bar was also designed to react to a single tap event on the iPad.
Since finger tapping is less accurate than mouse clicking, there is greater separation between links in the iPad interface than in the desktop interface.
This is an old project dating from around the year 2000.
Locus Medicus is a technical writing company specializing in creating documents for a wide range of topics within the pharmaceutical industry. The goal of this website was to enable a visitor to quickly scan through various groupings of a large number of manuscript titles and summaries without having to wait for remote server delays when switching between various subject categories.
A three level fly-out menu system is used to select and display subsets of the manuscript titles. Clicking on one of the more than 160 titles will display the title's corresponding summary information.
Document summaries will eventually contain links to full manuscripts to be displayed in a pop-up window. Access to the manuscripts will be password protected.
This web page has an Easter Egg - clicking on the LM caduceus logo while holding down the CTRL key will display all of the Locus Medicus short titles. This is the same effect as clicking on "All Projects" at the bottom of the left column.
Sample Manuscript Access:
Work started on this website in 2001 (and ended around 2005), when speckled backgrounds were still popular. The design follows the general format used by opera singers for online resumes that was standard at the time. The size of each webpage was kept to a short enough length to accommodate easy printing.
Since some hiring groups (especially impoverished arts organizations) were using older PCs with out-dated browsers, special attention was paid to maintaining backward compatibility with Netscape 4, which still had an ~ 10% market share in 2001. Custom CSS formatting files were prepared for each of the four main browsers: Internet Explorer, Netscape, Mozilla, and Opera.
Selective jpeg compression was applied to Ms. Thomas's photos to facilitate fast download times, with each webpage taking an average time of four seconds to load over a 56K modem. Selective jpeg compression is a technique which allows one to apply varying amounts of compression to different regions of an image.