Photoblog Site Update

Nullstream Site

September 25, 2005 03:03 AM PST

I've updated the site templates so that photoblog entries are displayed at full site width. This allows us to post pictures that are 740 pixels wide, rather than the old limit of 480. The navigation bar on Photoblog entries has been compressed to accomodate the wider content area.

Although at first glance this seems straightforward, constraints with MovableType and the <noscript> tag made implementing custom pages for photoblog entries non-trivial. The end solution was to implement some JavaScript trickery to modify the page styles on the fly via the JavaScript document object model (DOM). The solution is actually integrated directly into the navigation bar JavaScript, and doesn't require much overhead at all. Photoblog entries also work correctly with JavaScript disabled in both Firefox and IE.

Enhancement List:

• Full width Photoblog entries
• Bottom of navigation bar is now rounded to match top using -moz-border-radius (Firefox only)
• Front page does not rely on JavaScript for the navigation bar. This allows navigation when JavaScript is disabled, and also allows all content to be properly indexed by search engines
• When JavaScript is disabled, the navigation bar now displays an informative message and link to the main page with non-JavaScript navigation

Comments (2)