<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Gavin Baker &#187; Web</title>
	<atom:link href="http://www.gavinbaker.com/category/internet/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.gavinbaker.com</link>
	<description>A Journal of Insignificant Inquiry</description>
	<lastBuildDate>Fri, 28 Oct 2011 14:56:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>You&#8217;re doing it wrong: pet peeves in Web authoring</title>
		<link>http://www.gavinbaker.com/2009/05/06/youre-doing-it-wrong-pet-peeves-in-web-authoring/</link>
		<comments>http://www.gavinbaker.com/2009/05/06/youre-doing-it-wrong-pet-peeves-in-web-authoring/#comments</comments>
		<pubDate>Wed, 06 May 2009 20:32:18 +0000</pubDate>
		<dc:creator>Gavin Baker</dc:creator>
				<category><![CDATA[Email]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.gavinbaker.com/?p=251</guid>
		<description><![CDATA[I usually try to be fairly gentle in my blog posts. Well, this one&#8217;s a full-out rant. And it does name names, but only for purposes of demonstration, not public shaming. By dint of what I do, I spend a &#8230; <a href="http://www.gavinbaker.com/2009/05/06/youre-doing-it-wrong-pet-peeves-in-web-authoring/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I usually try to be fairly gentle in my blog posts. Well, this one&#8217;s a full-out rant. And it does name names, but only for purposes of demonstration, not public shaming.</p>
<p>By dint of what I do, I spend a lot of time working on the Web. Here are some of my pet peeves:</p>
<h3>No links</h3>
<p>People, it&#8217;s the Web. The very feature that makes it a Web rather than just electronic text is the existence of the hyperlink. <em>Use it.</em> Do not tell me where to find it. Do not tell me to google it. <em><a href="http://www.google.com/">Google</a> is not a replacement for the hyperlink.</em> Just link me.</p>
<p><a href="http://bloomsburyacademic.wordpress.com/2009/05/04/remix-the-remixer-competition/">Here&#8217;s a blog post from an academic publisher</a> that doesn&#8217;t use any links. The post is promoting a recently-published book with a remix contest. There are no links to the contest, to the book page, to online bookstores &#8212; nothing. </p>
<p>The contest is hosted on <a href="http://www.facebook.com/">Facebook</a> (a walled garden &#8212; another pet peeve). Here&#8217;s what the post says &#8212; I wish I was making this up:</p>
<blockquote><p>We’re hosting the competition on their Facebook fan page. All you need to do is search for the event (Remix the Remixer) on Facebook &#8230;</p></blockquote>
<p>Despite being a walled garden, it is possible to <a href="http://www.facebook.com/event.php?eid=71191382717">link to the event</a> (although you&#8217;ll need to log in to access it). Did you seriously just tell me to search for it? And presumably this was written by the company&#8217;s PR department&#8230;?</p>
<h3>Naked URLs</h3>
<p>Related to the above are authors who give you the URL of the page they&#8217;re talking about, but <em>just</em> the URL &#8212; sometimes even without a link. Let me demonstrate:</p>
<p>Good:</p>
<blockquote><p>Check out this cool search engine, <a href="http://www.google.com/">Google</a>!</p></blockquote>
<p>Bad:</p>
<blockquote><p>Check out this cool search engine, Google! <a href="http://www.google.com/">http://www.google.com/</a></p></blockquote>
<p>Worse:</p>
<blockquote><p>Check out this cool search engine, Google! http://www.google.com/</p></blockquote>
<h3>No markup</h3>
<p>Yeah, just paste a bunch of text into a Web page. Paragraph breaks, emphasis, citations &#8212; who needs that?</p>
<h3>Ridiculous markup</h3>
<p>I don&#8217;t even mean terrible design choices like grey text on a white background. I just mean straight up <em>ridiculous</em> markup. I assume this usually results from composing in a word processor and pasting into a Web page. For instance, every paragraph will be marked as <code>class="<a href="http://www.google.com/search?q=msonormal">MsoNormal</a>"</code> (a class which, of course, is never defined anywhere).</p>
<p>The <a href="http://ukpmc.blogspot.com/">UK PubMed Central Blog</a> takes this a step further and marks up every word which is &#8220;misspelled&#8221;:</p>
<p><xmp><span class="blsp-spelling-error" id="SPELLING_ERROR_1">Wellcome</span></xmp></p>
<p>There&#8217;s no use for that; it&#8217;s just cruft.</p>
<h2>And two faux pas</h2>
<p>All of the above are errors for which I think there&#8217;s no real excuse. I&#8217;ll throw in two bonus pet peeves &#8212; I understand why people do them, but they still rub me the wrong way:</p>
<h3>Content is not in the page</h3>
<p>As in, &#8220;Check out this cool new document I wrote &#8212; here&#8217;s a PDF download.&#8221;</p>
<p>Anything that&#8217;s not (X)HTML isn&#8217;t as easy to use, copy, re-format, link to, etc. Moreover, it requires people to leave their browser (or at least to load a plugin). </p>
<p>I know why people do it: because it&#8217;s easier than preparing an (X)HTML version of the document (after already having made a PDF, Word document, or whatever). But it&#8217;s still irksome.</p>
<h3>Deprecated / unsemantic markup</h3>
<p>So you want to tell me about the book <cite>Moby Dick</cite>. Cool, let&#8217;s talk about it. But did you use the <code>cite</code> element &#8212; or did you use <code>em</code> or <code>i</code>?</p>
<p>If you used <code>i</code> (or <code>span style="font-style: italic"</code>), you told the computer that the text should be italic, but you didn&#8217;t say <em>why</em>. For anyone who wants to render the text in a way other than the one you intended (say, in audio), your markup doesn&#8217;t give the computer any useful information about what to do with it.</p>
<p>If you used <code>em</code>, you actually told the computer to <em>emphasize</em> the phrase &#8220;Moby Dick&#8221; &#8212; the same way you might emphasize <em>Wow!</em> or <em>Awesome!</em> Your markup is actually <em>misleading</em> now.</p>
<p>But if you used <code>cite</code>, you told the computer, &#8220;This is a citation to the title of work &#8212; render it as appropriate.&#8221; The standard way to do that in English is with italics, so unless you or the reader tells the computer to do otherwise, it&#8217;s rendered in italics.</p>
<p>I know why people do it wrong: we compose Web pages the way we&#8217;re used to composing text, where italics is italics. (Plus it&#8217;s just more tags to learn and remember to use.) But on the Web, rather than just making something italic, we can encode <em>why</em>, which gives more options to both the author and the user of how to render it, and makes it possible for computers to extract meaning from it.</p>
<p>I&#8217;m sure I&#8217;m not perfect when it comes to these and other Web-authoring rules of etiquette. (Plus, in email, I prefer <a href="http://en.wikipedia.org/wiki/Posting_style">top-posting or inline replies</a> &#8212; gasp!) But I&#8217;m not trying to cast stones, just to call attention to problems &#8212; and, really, just to vent. <img src='http://www.gavinbaker.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.gavinbaker.com/2009/05/06/youre-doing-it-wrong-pet-peeves-in-web-authoring/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

