<entry xmlns:thr='http://purl.org/syndication/thread/1.0' xmlns='http://www.w3.org/2005/Atom'>
    <id>tag:intertwingly.net,2004:2861</id>
    <link href='http://intertwingly.net/blog/2008/06/24/Minimalist-Markup' rel='alternate'/>
    <link href='http://intertwingly.net/blog/2861.atom' rel='replies' thr:count='27' thr:updated='2008-06-26T15:43:51-04:00'/>
    <title>Minimalist Markup</title>
    <summary type='xhtml'><div xmlns='http://www.w3.org/1999/xhtml'><p>While <a href='http://tomayko.com/writings/administrative-debris'>Ryan</a>, <a href='http://www.b-list.org/weblog/2008/jun/15/minimal/'>James</a>, and <a href='http://diveintomark.org/archives/2008/06/21/minimalism'>Mark</a> have been pursing a minimalist design from a presentation perspective, I’ve been quietly pursuing a minimalist design from a markup perspective.</p>
<p>My <a href='http://rails.intertwingly.net/blog/'>front page</a> (under development) will be <a href='http://html5.validator.nu/?doc=http://rails.intertwingly.net/blog/'>valid HTML5</a> and yet have absolutely no <code>div</code> or <code>span</code> elements, no inline <code>style</code> or <code>class</code> attributes, and no <code>table</code> or <code>img</code> elements used purely for layout purposes.</p></div></summary>
    <content type='xhtml'><div xmlns='http://www.w3.org/1999/xhtml'><svg viewBox='0 0 100 100' height='100' xmlns='http://www.w3.org/2000/svg' width='100'>
  <path d='M38,38c0-12,24-15,23-2c0,9-16,13-16,23v7h11v-4c0-9,17-12,17-27c-2-22-45-22-45,3zM45,70h11v11h-11z' fill='#371'></path>
  <circle cy='50' stroke='#371' stroke-width='10' r='45' fill='none' cx='50'></circle>
</svg>
<p>While <a href='http://tomayko.com/writings/administrative-debris'>Ryan</a>, <a href='http://www.b-list.org/weblog/2008/jun/15/minimal/'>James</a>, and <a href='http://diveintomark.org/archives/2008/06/21/minimalism'>Mark</a> have been pursing a minimalist design from a presentation perspective, I’ve been quietly pursuing a minimalist design from a markup perspective.  I’m not sure when it changed, but Firefox 3.0, Safari 3.1.1, and Opera 9.5 now all support units of <em>em</em> in SVG dimensions.</p>
<p>This means that my <a href='http://rails.intertwingly.net/blog/'>front page</a> (under development) can be <a href='http://html5.validator.nu/?doc=http://rails.intertwingly.net/blog/'>valid HTML5</a> and yet have absolutely no <code>div</code> or <code>span</code> elements, no inline <code>style</code> or <code>class</code> attributes, and no <code>table</code> or <code>img</code> elements used purely for layout purposes.</p>
<p>I have more work to do on individual post pages and on the archives.  The archives will continue to employ a table for the calendar.</p></div></content>
    <updated>2008-06-24T19:10:50-04:00</updated>
  <source xmlns:planet='http://planet.intertwingly.net/'><planet:Intertwingly>http://intertwingly.net/blog/index.atom</planet:Intertwingly><link href='http://intertwingly.net/blog/index.atom' rel='self'/><id>http://intertwingly.net/blog/index.atom</id><icon>http://intertwingly.net/favicon.ico</icon><title>Sam Ruby</title><subtitle>It’s just data</subtitle><author>
    <name>Sam Ruby</name>
    <email>rubys@intertwingly.net</email>
    <uri>http://intertwingly.net/blog/</uri>
  </author><updated>2008-06-27T10:49:16-04:00</updated><link href='http://intertwingly.net/blog/' rel='alternate'/><link href='http://creativecommons.org/licenses/BSD/' rel='license'/><link href='http://intertwingly.net/blog/index.atom' rel='self'/></source></entry>