I always enjoy Joel on Software. One of the reasons I enjoy it has nothing to do with content - I love the layout. It requires very little eye strain. The serif fonts allow the eye to recognize shapes of familiar words. More importantly, the article text forms a column that is narrow. The narrow column of text surrounded by blocks of whitespace keep the eye from being overwhelmed, and the reader is able to stay focused.

Since Nick Fink was recently quoted in CityDesk News, we learn that Joel's format is a trade secret of the Print profession:

Nick Finck: “There is an unspoken rule in print which states that text should not exceed four inches in width on a page. Any text less than four inches is more readable than any text over four inches — the reader's whiplash will speak for itself.”

[CityDesk News]

 

How to do it: (well, one way to do it, there are many):

<div style="width: 4in;">There is an unspoken rule in print which states that text should not exceed four inches in width on a page. Any text less than four inches is more readable than any text over four inches — the reader's whiplash will speak for itself.</div>

11:36:24 PM  comment [] | Categories: 80-20 Web Development, Html 1-A| Topics: CSS HTML 

(In response to this Radio discussion thread)

The numeric code for an apostrophe is 39 (according to the W3C HTML Coded Character Set page). Edit your post in "Source" mode, where you can see the HTML tags. Position your cursor where you would like the apostrophe to appear. Type the following five characters:

1. An ampersand        &
2. A pound sign          #
3. The number three  3
4. The number nine    9
5. A semicolon            ;

Josef Tornick's Weblog is a breakthrough in quality and cleverness.

3:04:10 PM  comment [] | Categories: Html 1-A, Radio Docs, Radio Progress| Topics: HTML 

How to draw a box:

.roll {
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 border: 1px solid silver;
 padding: 4px;
 width: 160px;
}

10:01:30 PM  comment [] | Categories: Html 1-A|

The sample code given in the original post HTML 1-A Lesson: Anchors was incorrect.

The pound signs # should be used in the links to the anchors instead of the anchors themselves:

Before, Incorrect:
Link to the anchor:	<A href=enablingCategories>How do we enable categories?<A>
The Anchor:	<A name=#enablingCategories>How do we enable Categories?<A>

After, Correct:
Link to the anchor:	<A href=enablingCategories>How do we enable categories?<A> <A href="#enablingCategories">How do we enable categories?<A>
The Anchor:	<A name=#enablingCategories>How do we enable Categories?<A> <A name="enablingCategories">How do we enable Categories?<A>

4:28:18 PM  comment [] | Categories: 80-20 Web Development, Html 1-A|

Al Macintyre has been adding so many great sources to his article Understanding Radio Categories, the page has grown into nine (yes, I counted) screen lengths of information. One of his eRadio ideas is to accomodate the multitude of information by updating the presentation:

"It would be really nice if each of the summary questions up top was a link to the detail answer down below." "Down the road I hope to learn Radio Outlining..."

I can't help out with the outlining, but I do know how to make anchors. Imagine a hyperlink that does not jump to another webpage, but jumps to another heading on the same webpage. Here is the code:

<A href="#enablingCategories">How do we enable Categories?<A> <A href="#categoryGotchas">What are some gotchas, to avoid, that can get us into trouble?<A> <A href="#postingToCategories">How do we post stuff to Categories?<A> <A name=enablingCategories>How do we enable Categories?<A> Aug 3 I talked about this. Russ Lipton has several documents of relevance. <A name=categoryGotchas>What are some gotchas, to avoid, that can get us into trouble?<A> Russ Lipton has several documents of relevance. Check out...

How do we enable Categories? What are some gotchas, to avoid, that can get us into trouble? How do we post stuff to Categories? How do we enable Categories? Aug 3 I talked about this. Russ Lipton has several documents of relevance. What are some gotchas, to avoid, that can get us into trouble? Russ Lipton has several documents of relevance. Check out...

11:50:32 PM  comment [] | Categories: 80-20 Web Development, Html 1-A|