Writing Friendly Code - Part 2, Layout | WebReference

Writing Friendly Code - Part 2, Layout

OverviewPrinciplesDuelling BrowsersSafety NetXFilesValid HabitsLayoutNamesStyle RulesHTMLLast Word

The Clockwise Box (Layout)

Back to the newsletter page - when I began to develop it, the first thing I did was visualize the "containers" I needed:

Page tab navigation bar
Page

Content Variable
from issue to issue

Issue specific
Info-tips
  back/next
buttons
options toolbar

The navigation controls in this project don't apply to a Braille or text reader; they can live at the very end of the HTML. You can also put these things in the script and write them as the page loads.

It might seem like it would be simpler to just put a text-only page here and redirect the visitor to another page depending on his browser. But wait - although it isn't ripe yet, there is a media attribute for the link element. When this is supported, you will be able to apply a style sheet conditional to the client. The proposed media types include screen, print, Braille and aural (for voice recognition and translation). When that grows up, won't you be glad you have a single page of content you can present to different users simply by applying different style sheets.

Names and Numbers  Next Page

OverviewPrinciplesDueling BrowsersSafety NetXFilesValid HabitsLayoutNamesStyle RulesHTMLLast Word

Comments are welcome

 



URL: http://webreference.com/dev/clockwise/clockwise6.html