<?xml version="1.0"?>
<?xml-stylesheet href="/transform" type="text/xsl"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:bibo="http://purl.org/ontology/bibo/" xmlns:bs="http://purl.org/ontology/bibo/status/" xmlns:ci="https://vocab.methodandstructure.com/content-inventory#" xmlns:dct="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xhv="http://www.w3.org/1999/xhtml/vocab#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" lang="en" prefix="bibo: http://purl.org/ontology/bibo/ bs: http://purl.org/ontology/bibo/status/ ci: https://vocab.methodandstructure.com/content-inventory# dct: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ rdf: http://www.w3.org/1999/02/22-rdf-syntax-ns# xhv: http://www.w3.org/1999/xhtml/vocab# xsd: http://www.w3.org/2001/XMLSchema#" vocab="http://www.w3.org/1999/xhtml/vocab#" xml:lang="en">
  <head>
    <title property="dct:title">Colophon</title>
    <base href="https://doriantaylor.com/colophon"/>
    <link href="document-stats#EqqdHRH7JGVIEehnqmGtvI" rev="ci:document"/>
    <link href="elsewhere" rel="alternate bookmark" title="Elsewhere"/>
    <link href="this-site" rel="alternate index" title="This Site"/>
    <link href="http://purl.org/ontology/bibo/status/published" rel="bibo:status"/>
    <link href="" rel="ci:canonical" title="Colophon"/>
    <link href="lexicon/#Egc4d-5WzcNE5sHqVIaCpK" rel="dct:audience" title="Designer"/>
    <link href="lexicon/#EzqXIsriaILFcWjXdS7FbI" rel="dct:audience" title="Software Developer"/>
    <link href="person/dorian-taylor#me" rel="dct:creator" title="Dorian Taylor"/>
    <link href="sitemap" rel="dct:references"/>
    <link href="https://doriantaylor.com/" rel="dct:subject"/>
    <link href="person/dorian-taylor" rel="meta" title="Who I Am"/>
    <link about="./" href="3f36c30c-6096-454a-8a22-c062100ae41f" rel="alternate" type="application/atom+xml"/>
    <link about="./" href="f07f5044-01bc-472d-9079-9b07771b731c" rel="alternate" type="application/atom+xml"/>
    <link about="./" href="this-site" rel="alternate"/>
    <link about="./" href="elsewhere" rel="alternate"/>
    <link about="./" href="e341ca62-0387-4cea-b69a-cdabc7656871" rel="alternate" type="application/atom+xml"/>
    <link about="verso/" href="3f36c30c-6096-454a-8a22-c062100ae41f" rel="alternate" type="application/atom+xml"/>
    <link about="verso/" href="this-site" rel="alternate"/>
    <link about="verso/" href="elsewhere" rel="alternate"/>
    <meta content="colophon" datatype="xsd:token" property="ci:canonical-slug"/>
    <meta content="false" datatype="xsd:boolean" property="ci:indexed"/>
    <meta content="The colophon of doriantaylor.com lists the tools and process used to realize the site." name="description" property="dct:abstract"/>
    <meta content="2008-10-20T09:38:00+00:00" datatype="xsd:dateTime" property="dct:created"/>
    <meta content="colophon" property="dct:identifier"/>
    <meta content="2008-10-21T19:17:31+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2008-10-22T02:28:00+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2008-10-22T02:40:08+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2009-03-04T00:43:00+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2009-03-19T18:20:58+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2022-05-31T04:18:52+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2022-05-31T15:10:50+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta about="person/dorian-taylor#me" content="Dorian Taylor" name="author" property="foaf:name"/>
    <meta content="summary" name="twitter:card"/>
    <meta content="@doriantaylor" name="twitter:site"/>
    <meta content="Colophon" name="twitter:title"/>
    <meta content="The colophon of doriantaylor.com lists the tools and process used to realize the site." name="twitter:description"/>
    <object>
      <nav>
        <ul>
          <li>
            <a href="content-management-meta-system" rev="dct:references" typeof="bibo:Article">
              <span property="dct:title">Content Management Meta-System</span>
            </a>
          </li>
          <li>
            <a href="this-site" rev="dct:references" typeof="bibo:Note">
              <span property="dct:title">This Site</span>
            </a>
          </li>
          <li>
            <a href="document-stats#EqqdHRH7JGVIEehnqmGtvI" rev="ci:document" typeof="qb:Observation">
              <span>urn:uuid:aaa74744-7ec9-4195-8204-7a19ea986b6f</span>
            </a>
          </li>
        </ul>
      </nav>
    </object>
  </head>
  <body about="" id="EAiUC-FsF251SPfi8JZVoJ" typeof="bibo:Note">
    <p>The first priority of this site was to provide a home for a set of written documents that <a href="not-a-blog-not-a-wiki-and-certainly-not-a-bliki" title="Not a Blog, Not a Wiki, and Certainly Not a Bliki" rel="dct:references">didn't quite fit into the mold of blog or wiki</a>. <ins datetime="2009-03-18" title="March 18, 2009">Now</ins> that I have assembled a relatively diverse and <span class="parenthesis" title="176 documents as of 2009-03-18">decently-sized</span> <a href="policy/resource-handling-and-representation" title="Resource Handling and Representation Policy" rel="dct:references">body of work</a>, I am focusing my attention on the site's infrastructure.</p>
    <section id="EvhpzSUJnssq1L7bApKI4K">
      <h2>Tools</h2>
      <p>This site is <ins datetime="2009-03-18" title="March 18, 2009">currently</ins> written and curated by hand. All hypertext documents are valid <acronym title="Extensible Hypertext Markup Language&#x2122;">XHTML</acronym>&#x2122; 1.0, authored in <a href="http://www.gnu.org/software/emacs/" title="GNU Emacs - GNU Project - Free Software Foundation (FSF)" rel="dct:references">Emacs 22</a>. Files are kept in a <a href="http://www.selenic.com/mercurial/wiki/" title="Mercurial" rel="dct:references">Mercurial</a> <a href="http://en.wikipedia.org/wiki/Revision_control" title="Revision control &#x2014; Wikipedia" rel="dct:references">revision control</a> system. A <a href="http://code.google.com/p/hyphenator/" title="hyphenator &#x2014; Google Code" rel="dct:references">JavaScript library</a> implementing the <a type="application/pdf" href="http://www.tug.org/docs/liang/liang-thesis.pdf" title="Word Hy-phen-a-tion by Com-put-er (PDF)" rel="dct:references">Knuth-Liang hyphenation algorithm</a>, written by <a href="http://www.mnn.ch/" title="Mathias Nater's Weblog" rel="dct:references">Mathias Nater</a>, hyphenates justified paragraphs. Aside from a <a href="http://www.python.org/" title="Python Programming Language -- Official Website" rel="dct:references">Python script</a> I wrote that generates a graphical <a href="sitemap?type=application/pdf" type="application/pdf" title="Site Map (Huge PDF!)">site map</a>, and the help of <a href="http://httpd.apache.org/" title="Welcome! - The Apache HTTP Server Project" rel="dct:references">Apache</a> <a href="http://httpd.apache.org/docs/2.2/content-negotiation.html" title="Content Negotiation - Apache HTTP Server" rel="dct:references">content negotiation</a> and a few <a href="http://httpd.apache.org/docs/2.2/mod/mod_rewrite.html" title="mod_rewrite - Apache HTTP Server" rel="dct:references">rewrite rules</a>, this site is completely static.</p>
      <p>Documents are then post-processed with an <acronym title="Extensible Stylesheet Language Translations">XSLT</acronym> stylesheet on the client side. Browsers known to support <acronym title="Extensible Stylesheet Language Translations">XSLT</acronym> include:</p>
      <ul>
        <li><a href="http://en.wikipedia.org/wiki/Gecko_layout_engine" title="Gecko layout engine &#x2014; Wikipedia" rel="dct:references">Gecko-based</a> browsers, such as <a href="http://www.mozilla.com/firefox/" title="Firefox web browser | Faster, more secure, &amp; customizable" rel="dct:references">Firefox</a></li>
        <li><a href="http://webkit.org/" title="The WebKit Open Source Project" rel="dct:references">WebKit-based</a> browsers, such as <a href="http://www.apple.com/safari/" title="Apple &#x2014; Safari" rel="dct:references">Safari</a> (including <a href="http://www.apple.com/iphone/" title="Apple &#x2014; iPhone" rel="dct:references">iPhone</a> as of 2.0) and <a href="http://www.google.com/chrome" title="Google Chrome - Download a new browser" rel="dct:references">Chrome</a> (but not, if I recall, <a href="http://www.konqueror.org/" title="Konqueror - Web Browser, File Manager - and more!" rel="dct:references">Konqueror</a>)</li>
        <li><a href="http://en.wikipedia.org/wiki/MSHTML" title="Trident (layout engine) &#x2014; Wikipedia" rel="dct:references">Trident-based</a> browsers, such as <a href="http://www.microsoft.com/windows/products/winfamily/ie/default.mspx" title="Internet Explorer: Home Page" rel="dct:references">Microsoft Internet Explorer</a> as of 6.0</li>
        <li><a href="http://en.wikipedia.org/wiki/Linear_b_(script_engine)" title="Presto (layout engine) &#x2014; Wikipedia" rel="dct:references">Presto-based</a> browsers, as of <a href="http://www.opera.com/" title="Opera browser: Home page" rel="dct:references">Opera</a> 8.0</li>
      </ul>
      <p>There appear to be problems with the way <a href="w3c-vs-msie" title="W3C vs. MSIE" rel="dct:references"><acronym title="Microsoft Internet Explorer">MSIE</acronym> handles <acronym title="Extensible Stylesheet Language Translations">XSLT</acronym></a>. Although the majority of my <ins datetime="2009-03-18" title="March 18, 2009">current</ins> readers use Firefox and Safari, <acronym title="Microsoft Internet Explorer">MSIE</acronym> still holds the majority stake of installed <abbr title="World-Wide Web">Web</abbr> browsers. Although <acronym title="Extensible Stylesheet Language Translations">XSLT</acronym> is an elegant solution to separating content from layout, I will provide pre-processed <acronym title="Hypertext Markup Language">HTML</acronym> <a href="http://httpd.apache.org/docs/2.2/content-negotiation.html" title="Content Negotiation - Apache HTTP Server" rel="dct:references">variants</a> of documents which will fix rendering issues for the affected browsers.</p>
    </section>
    <section id="ExV-9xUnSQmUs5gRTU9_-I">
      <h2>Navigation and Taxonomy</h2>
      <p>With respect this site's infrastructure, I have considered it important to <a href="policy/the-uri-naming-conundrum" title="The URI Naming Conundrum" rel="dct:references">satisfy the <acronym title="World Wide Web Consortium">W3C</acronym> Cool <acronym title="Uniform Resource Identifier">URI</acronym> recommendations</a>. That is, once you mint a <acronym title="Uniform Resource Identifier">URI</acronym>, it ought to be accessible for life. I am taking this requirement further by making <a href="http://www.useit.com/alertbox/990321.html" title="URL as UI (Jakob Nielsen's Alertbox)" rel="dct:references"><acronym title="Uniform Resource Identifier">URI</acronym>s that are meant to be read by people</a>. <a href="http://www.useit.com/papers/filedeath.html" title="Death of File Systems" rel="dct:references">Naming things is hard</a>, and I am devising a method of easing the process as much as possible.</p>
      <p>The taxonomy of this site is intentionally non-hierarchical, and, while the site is implemented as static files, will remain mostly flat. I am currently evaluating candidate designs for a <a href="policy/dynamic-faceted-taxonomies-for-organizing-web-resources" title="Dynamic Faceted Taxonomies for Organizing Web Resources" rel="dct:references">dynamic faceted taxonomy</a> which will automatically arrange resources in the most useful and unambiguous way possible, while keeping tabs on references, renames and <span class="parenthesis" title="although, in 2009 it's hard to justify deleting anything, ever.">deletions</span>.</p>
    </section>
    <section id="E2ULfJiJ8xmNGXRRpIkyFI">
      <h2>Services</h2>
      <p>My ultimate goal for this site, in addition to being a platform for the publication and discussion of my ideas, is to demonstrate how the visions of the <a href="http://en.wikipedia.org/wiki/Hypertext#History" title="Hypertext &#x2014; Wikipedia" rel="dct:references">pioneers of hypertext</a> can be dovetailed with the designs of the <a href="http://roy.gbiv.com/" title="Roy T. Fielding" rel="dct:references">architects</a> of the <a href="http://www.w3.org/2001/tag/" title="W3C Technical Architecture Group (TAG)" rel="dct:references">Web</a>. As such, I am valuing <a href="lexicon/conceptual-integrity" title="Conceptual Integrity" rel="dct:references">conceptual integrity</a> rather than focusing on <em title="bells, whistles, whizzes, bangs">features</em> or integrating with <em title="facebook, opensocial, widgets, ajax, whatever">third parties</em>.</p>
      <p>In keeping with the original tenets of hypertext, it is important to me to define <a rel="dct:references xhv:glossary" href="lexicon/resource" title="Resource">resources</a> as abstract objects that are <em>serialized</em> into different <a rel="dct:references xhv:glossary" href="lexicon/representation" title="Representation">representations</a>. This distinction would contribute to, among other things, a more fine-grained ability to <a href="http://en.wikipedia.org/wiki/Transclusion" title="Transclusion &#x2014; Wikipedia" rel="dct:references">transclude</a> excerpts, as well as <em>permute</em> resources from one <em>type</em> into another. As such, <a href="defining-feeds" title="Defining Feeds" rel="dct:references">it is unclear to me at this point</a> whether ancillary resources such as <a rel="dct:references xhv:alternate" href="f07f5044-01bc-472d-9079-9b07771b731c" title="Additions and Updates to doriantaylor.com">feeds</a> ought to be treated as <em>first-class</em>, or if they should be defined as <em>derivatives</em> of other resources.</p>
      <p>It is extremely important to me to comply with <a href="http://www.ics.uci.edu/~fielding/pubs/dissertation/top.htm" title="Architectural Styles and the Design of Network-based Software Architectures" rel="dct:references"><span class="parenthesis" title="since he wrote the paper and coined the term, I consider it authoritative.">Fielding's definition</span> of <acronym title="Representational State Transfer">REST</acronym></a>. This states, among other things, that the basic unit of a <acronym title="Representational State Transfer">REST</acronym>-compliant software system is the <a rel="dct:references xhv:glossary" href="lexicon/resource" title="Resource">resource</a> and that the <em>state</em> of the system is transferred back and forth across the communication channel with each exchange. The aim of this constraint is to <em>probe</em> as well as <em>demonstrate</em> the extent of what can and cannot be achieved through strict compliance to the architectural style. The consequence is that I am not pursuing interactive functionality like <a href="commentary" title="Commentary Policy" rel="dct:references">commentary</a> or an <acronym title="Application Programming Interface">API</acronym> until I can define the interaction in terms of this constraint.</p>
    </section>
    <section id="E9Ocasyy71jFjFU6U2_xCL">
      <h2>Layout</h2>
      <p>The design of the site is intended to <a href="this-whole-site-is-a-sketch" title="This whole site is a sketch." rel="dct:references">resemble a pencil sketch</a>, insofar as it is rough, non-committal, and no more finished than it needs to be to get certain points across. Some may, however, still be inclined to wonder <a href="whats-up-with-the-layout" title="What's Up With the Layout?" rel="dct:references">what's up with the layout</a>.</p>
    </section>
    <section id="ExhJsPdWsTEvtQUhz1n-JJ">
      <h2>Expansion Plans</h2>
      <p>I have managed to recently answer a number of questions concerning what goes under the hood. I am <ins datetime="2009-03-18" title="March 18, 2009">moving forward</ins> with the following:</p>
      <ol>
        <li>Make the layout <span class="parenthesis" title="read: progressive enhancement">functional</span> and <span class="parenthesis" title="pixel-perfection is pass&#xE9;. liquid layouts are love.">conceptually consistent</span> for <strong title="that includes iPhone AND Lynx">all</strong> <span class="parenthesis" title="that includes browsers and non-browser Web clients.">user agents</span>.</li>
        <li>Automatically resample images based on the size of your layout.</li>
        <li>Properly catalogue and provide metadata for <a rel="dct:references xhv:glossary" href="lexicon/resource" title="Resource">resources</a> as well as all forward and reverse links between them.</li>
        <li>Group resources by a series of overlapping sets known as <em>facets</em>, thereby generating a browseable <em>navigation</em>.</li>
        <li>Collate updates to the site in one or more <a rel="dct:references xhv:alternate" href="f07f5044-01bc-472d-9079-9b07771b731c" title="Additions and Updates to doriantaylor.com">feeds</a>.</li>
      </ol>
    </section>
  </body>
</html>
