Media queries in the style sheets for each page handle the presentation of content for that page at varyious screen sizes and orientations. This styling is continually under development, and is one of the primary goals in the development of this website.
This interactive image gallery loads a JSON file that contains the information about each collection and the photos within it. It takes advantage of 3D transforms available in the CSS3 draft spec. It is stable in recent versions of most of the modern browsers, although not surprisingly, IE11 exhibits some strange behavior that I'm still trying to work out. I have written fallback styling for browsers that support 2D transforms, but again there are issues with IE9 and IE10. I have great plans for additions to the Photo Wheel, including a slideshow mode, support for image types other than .jpg, captions, and an optional audio track or tracks. Keep an eye out for the updates!!
The home page contains a simple implementation of the parallax effect. This effect makes the background, or any other layer, move at a different rate than the foreground content when scrolled. This has the effect of creating a more 3D type of environment. Unfortunately (but also by design), most mobile browsers freeze the DOM when scrolling, so this effect is negated for those user agents. There are work arounds for this, but they are heavier plug-ins or libraries than what I find necessary for my site. In responsive websites where additional content is provided on one or more of the layers invovled with the parallax, it would be necessary to implement one of these work-arounds.
Cross Browser Compatibility