vanderwal.net

Choose your candidate by their Web server

In an effort to get in to the swing of things political, what is your candidate running Web site on? The up time of the RNC and DNC is very telling.

Why page numbers fail us

I keep running into a deep information habit that has never worked well for its intended purpose, the page number has been an information curse. Printed documents use page numbers, which are intended as a reference point (not bragging rights often referenced in Harry Potter and Neal Stephenson books - I am on page 674 and you are on page 233). All of us are familiar with this problem from high school and college if you happened to have a different printed copy of a classic text. Page 75 of Hemmingway's Old Man and the Sea was not the same in everybody's copy.

Even modern books fail when trying to reference pages, just look at the mass market edition of Crypnomicon with 1168 pages and the hardcopy version of Crypnomicon with 928 pages of the same text. Trying to use a page number as a reference does absolutely no good.

Now we try and reference information on the Web, which should not be chunked up by page count, but by logical information breaks. These breaks are often done by chapter or headings and rightly so as it most often helps the reader with context. Documents that are placed on the Internet, many times for two purposes - the ability to print and to keep the page numbers. Having information that is broken logically for a print presentation makes some sense if it is going to be printed and read in that manner, but more and more electronic information is being read on electronic devices and not printed. The Adobe reader does not easily flow from page to page, which is a complaint I often hear when readers are trying to read page delimited PDF files.

So if page numbers fail us in the printed world and are even more abysmal in the realm of the electronic medium, what do we use? One option is to use natural information breaks, which are chapters, headers, and paragraphs. These breaks in the information occur in every medium and would cause problems for readers and the information's structure if they are missing.

If we use remove page numbers, essentially going native as books and documents did not havepage numbers originally (Gutenberg's Bible did not rely on page numbers, actually page numbers in any Bible are almost never used Biblical reference), then we can easily place small paragraph numbers in the margins to the left and right. In books, journals, and periodicals with tables of contents the page or article jumps the page numbers can remain as the documents self-reference. The external reference could have a solid means of reference that actually worked.

Electronic media do not necessarily needs the page numbers for self-references within the document as the medium uses hyper-linking to perform the same task appropriately. To reference externally from a document one would use the chapter, header, and paragraph to point the reader to the exact location of text or microcontent. In (X)HTML each paragraph tag could use an incremented "id" attribute. This could be scripted to display in the presentation as well as be used as hyperlink directly to the content using the "id" as an anchor.

I guess the next question is what to do about "blockquote" and "table" tags, etc., which are block level elements? One option is to not use an id attributes in these tags as they are not paragraphs and may be placed in different locations in various presentation mediums the document is published in. The other option is to include the id tag, but then the ease of creating the reference information for each document type is eliminated.

We need references in our documents that are not failures from the beginning.

Other ideas?

CSS Tabs part 2

Doug Bowman provides Sliding Doors 2 for ALA. The sliding doors rounded tabs done with CSS, meaning the text is not in a graphic and the tabs have rollover effects with out having to build rollover images and deal with JavaScript. Doug's version 2 of sliding doors provides those with pages in CMS or other non-hand built pages. This beats the JavaScript sniffing the URL to set the local tab setting.

Time to step in to the present

There are days when you realize you are working in an environment that is the equivalent of one that switched from horse and buggy to the automobile a few years prior and is still trying to feed the car oats. There are some that see others putting a liquid in the autos tank so they boil the oats, strain the liquid, and put that in the tank. They have problems seeing why things do not run right.

Changing your environment from printing on paper to electronic information dissemination requires process change and formulating the information for easing the transfer into various presentation layers. Easily save into a PDF for distributing to those users that want to print and for information where layout is actually important to the information. Equally important is saving for Web presentation in valid (X)HTML. The (X)HTML is extremely valuable as it is a the a great means for users to consume the information on a wide variety of devices and provides the user the ability to reuse the information as the need and see fit.

When preparing information one must consider the the media used for presenting the message. It would also be wise to provide a great benefit to the user by considering information reuse. Preparing information for print, but not providing the data behind charts, alternate text for images, and other items that are required for accessibility (Section 508 compliance).

Links to artists and songs in iTunes

Do you have a song you want to share? Apple now offers a tool to link to any artist and song in the Apple Music Store - iTunes

Info Cloud and Personal Info Cloud weblogs setup

We have set up a couple new sites using TypePad to focus on Info Clouds and more directly, the Personal Info Cloud. The Info Cloud and Personal Info Cloud are extensions of ideas that came out of the Model of Attraction work.

The information posted on the TypePad sites will most likely be syndicated here, or vis versa. The use of TypePad is easing the need to have a separate location for these ideas and works in progress. Off the Top will not be changing, it will still be a melting pot of ideas and information. Direct access to more focussed information on topic or categories are still available by clicking on the category below each entry or using the category list.

The information cloud work ties directly to standards, information architecture, content management, and general Web development passions that drive me.

Why and how the Web beats television

BBCi's Ashley Highfield speach TV's Tipping Point: Why The Digital Revolution Is Only Just Beginning highlights what is coming in the future, hopefully not too distant future.

Building Web pages for crippled IE browser

Microsoft and others are posting the work arounds needed for the Web pages you build if they require plug-ins. Java and Active Script seem to been the focus at this point. Here we go: Microsoft guide for building to the new neutered IE browser, Apple developer guide for post EOLA development, Real Networks guide for embedded, and Macromedia guide. [hat tip Craig Salia]

Kottke and others on standards and semanticsk

Kottke provides a good overview of Web standards and semantically correct site development. Jason points out, as many have, that just because a site validates to the W3C does not mean that it is semantically correct. Actually there are those that take umbrage with the use of the term semantically for (X)HTML, when many consider it structural tagging of the content instead, but I digress. A "valid" site could use a div tag where it should not have, for example where it should have been a paragraph tag instead. Proper structural markup is just important as valid markup. The two are not mutually exclusive, in fact they are very good partners.

One means to marking-up a page is to begin with NO tags on the page in a text editor then markup the content items based on what type of content they are. A paragraph gets a "p" tag, tabular data is placed in a table, a long quote is put in a "blockquote" tag, an ordered list gets "ol" tags surrounding them with items in the list getting wrapped with "li" tags, and so forth. Using list tags to indent content can be avoided in using this method. Once the structure has been properly added to the document it is time to work with the CSS to add presentation flair. This is not rocket science and the benefits are very helpful in transitioning the content to handheld devices and other uses. The information can more easily scraped for automated purposes too if needed.

It is unfortunate that many manufacturers of information tools do not follow this framework when transforming information in to HTML from their proprietary mirth. A MS Word document creates horrible garbage that is both non-structural and not valid. The Web is a wonderful means to share content, but mangled markup and no structure can render information inconsistent at best, if not useless.

While proper development is not rocket science, it does take somebody who knows what they are doing, and not guessing, to get it right.

Others are posting on Jason's post, like Doug Bowman and Dave Shea and have opened up comments. The feedback in Doug's comments is pretty good.

Beeb to open archives to the Web

The Beeb is open its program archives to the Web. This is a deep and broad repository and will be a great addition to the public around the globe.

10 year anniversary but still not home

Today was the 10th anniversary of my arrival in the Washington, DC area to live. I moved to this area from San Francisco, which I was ready to leave but always ready to return to, to go to Georgetown University for a Masters in Public Policy. I initially planned to get my masters in two years then give Washington up to two more years then move on.

Well it has been a lot more than the initial three or four years I planned on. Actually this is the longest I have lived in any one geographic area. I like and have liked where I live and have lived, the streets and areas, but the Washington Area as a whole has never felt like home. (Oddly I have New York and San Francisco categories for the weblog, but no Washington.)

I have great friends in Washington, well those that are left, but I also have kept friends from previous homes via the Internet and have made friends that I think of as close in mind and focus thanks to the Internet. Actually the Internet is what made Washington a place to live for 10 years. I guess most any place could be livable with the Internet keeping a community I know and trust close by.

Another asset of the Washington area is its proximity to other cities that do feel a little more like they could be home. Baltimore, Philly, New York, and Boston are all a relatively short trip away. Europe is about as far a the West Coast and that has made the experience here enjoyable too.

I am not sure if it will be another 10 years in Washington, but who knows. We enjoy our house, even in its disruptive state of updating and repair. We really like our neighbors and neighborhood (as much as I did living in Arlington, VA too). I guess it is all up to jobs, winds, and other powers that drive us and blow us as to where the next 10 years will take me.

Streaming motion icons in iChat

Rael explains about the streaming iChat icons from the iSight. I noticed Matt had this going on the other night. It was very cool to see live movement in the chat icon in my buddy list. At first I thought it was an animated image with one insanely long loop, but soon realized that the mannerisms of Matt were not perpetuating in the same order.

I was very close to picking up the iSight today, but am holding off for just a little longer. A digital video camera is also on my purchase list, for parental reasons (also some of the reason behind iSight).

Understanding the Web Medium

Joe Gillespie has posted a current feature Factor-X about understanding the medium of the Web and digital information. Joe explains many that come from the print work of graphic and information design will create the information in graphics and slice and post that information. The Web is not only for reading information, but also reusing information. HTML pages can, if marked-up properly (which is not difficult at all), be read by audible site readers for those with visual impairments or for those that are doing other activities like driving. HTML pages, if built to the standards can also easily be used in mobile devices with nothing more than a browser.

Understanding the medium is where Joe is taking the readers of this article. One of the advantages of the Web is having the ability to structure the information easily and modifying the presentation as needed or wanted. There are standard interface conventions that are easily understood with HTML that get broken in Flash (the hand pointer on for all content, including that which is not clickable). The great advantage of HTML is having access to the information directly so one can quote and have an easy means of attributing quotes through linking to the source.

Go read Joe's article, actually bookmark Web Page Design for Designers and go read monthly, you will be happy you did.

NNG Usability ROI debunked and Web Traffic Analytics at B and A

Boxes and Arrows is currently running two wonderful articles. Report Review: Nielsen/Norman Group's Usability Return on Investment by Peter Merholz and Scott Hirsch. The second article is Web Traffic Analytics and User Experience by Fran Diamond.

Go read, I will be back shortly.

New music written and recorded before your eyes in 24 hours

This morning I caught-up with Scott and Shannon's blogathon, which is 24 hours of postings on their site. The donations go to a great cause and they also did an amazing thing. The two of them wrote and recorded two new songs.

The wonderful parts of this are they are 3,000 miles apart, the collaboration was on line in the blog for this purpose, their auditory updates were posted throughout the 24 hours, and their two voices and guitar tracks and other instrument tracks were all pulled together for two wonderful songs. I have been humming Southdown all day. I want to spend more time reviewing each of the steps to this transparent adventure.

This may be the coolest things I have seen on the Web in quite some time.