<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html; 
charset=iso-8859-1" /><title>Essential Design</title><base href="http://design.site-essential.com/" /><meta name="keywords" content="template, skin, skins, HTML help, CSS, tutor, templates, web site design, web log, blog design" /><meta 
name="description" content="Essential design needs for a web site or blog. Use the templates to design your own. " /><link type="text/css" rel="stylesheet" href="styles/test.css" title="default"/><link type="text/css" rel="alternate stylesheet" href="styles/blog1.css" title="prof"/><link 
type="text/css" rel="alternate stylesheet" href="styles/blog4.css" title="pastel"/><link type="text/css" rel="alternate stylesheet" href="styles/blog2.css" title="dark"/><link type="text/css" rel="alternate stylesheet" href="styles/blog3.css" 
title="blue"/><link rel="stylesheet" href="styles/printer.css" media="print" type="text/css" /><link rel="alternate" type="application/rss+xml" title="RSS" href="http://design.site-essential.com/index.rdf" 
/>
<script language="javascript" type="text/javascript">
<!--
  function OpenComments (c) {
  window.open(c, 
             'comments',                    'width=580,height=300,location=yes,scrollbars=yes,status=yes,resizable=yes');
}
function OpenTrackback (c) {
    window.open(c,
                    'trackback',
'width=580,height=300,location=yes,scrollbars=yes,status=yes,resizable=yes');
}
//-->
</script>
</head><body><div class="banner"><img alt="Site-Essential" src="images/selogo.png" height="64" width="100" align="left" /><h1>Essential Design</h1><a class="skip" href="#start"><img src="/images/invis.gif" width="1" height="1" 
alt="skip to content" /></a><span class="description">Designs that work for everyone</span><div class="clear"></div></div><div class="bar">| <a href="http://design.site-essential.com/" target="_top" title="Design Home" accesskey="1">Main</a> | <a 
href="http://site-essential.com/" target="_top" title="On The Third Hand">OTTH</a> | <a href="http://site-essential.com/kathyk/index.htm" accesskey="3">Writings</a> | <a href="http://site-essential.com/about.shtml" target="_top">About</a> | <a 
href="http://site-essential.com/privacy.shtml" target="_top" title="Privacy and email policies and such">Policies</a> | <a href="http://site-essential.com/contact.shtml" title="send me a letter" accesskey="9">Contact</a> | <a 
href="http://fora.site-essential.com/index.php" target="_top" title="Come and talk about it!" accesskey="7">Forums</a> | <a href="http://site-essential.com/bloglinks.shtml">Blog&nbsp;Links</a> | <a 
href="http://site-essential.com/sitelinks.shtml">Other&nbsp;Links</a> | <a name="top"></a></div><div class="content"><div class="blog"><a name="start"></a><h2 class="date">04 February, 
2005</h2><div class="post"><a name="4106"></a><h3 class="title">Moved.</h3><a href="http://design.bloghouse.net">My design blog is now here</a>.<span class="posted">By Kathy Kinsley at <a href="http://design.site-essential.com/archives/004106.html#004106">06:31 EDT</a> | <a href="http://site-essential.com/cgi-bin/mt-comments.cgi?entry_id=4106" 
onclick="OpenComments(this.href); return false"><!--#if expr="0 = 0" --> Speak to me! <!--#else -->0 talking back! <!--#endif --></a></span></div><h2 class="date">26 December, 
2002</h2><div class="post"><a name="1208"></a><h3 class="title">History of page design (part I)</h3><p>I have to admit I've been around the block a few times. I've been designing web pages since before we had tables, or even color in anything but pictures (and those were only in 16 colors).  Back then, web pages had a header and paragraphs &#8212; all in one big column. </p><p>People who were really determined to have a table with columns had to use the "pre" (preformatted) tag, which acted like a typewriter, and put things exactly where you typed them. Since we didn't have colors then, everything was in whatever colors your monitor supported. The pre tag still exists, so I can give you an idea of how we did columns and how they looked back then. </p>
<pre style="background:#000; color:#0c0; font-family:monospace;font-size:10px;">
| Column1  | Column2  | Column3  |
| text row | text row | text row |
| text row | text row | text row |
| text row | text row | text row |
</pre>
<p>Pretty ugly, I'd say. I'll bet you can guess why designers didn't bother to do web pages in columns! </p><p>But things soon improved. I'll tell you all about that in the next installment. </p><span class="posted">By Kathy Kinsley at <a href="http://design.site-essential.com/archives/001208.html#001208">10:58 EDT</a> | <a href="http://site-essential.com/cgi-bin/mt-comments.cgi?entry_id=1208" 
onclick="OpenComments(this.href); return false"><!--#if expr="0 = 0" --> Speak to me! <!--#else -->0 talking back! <!--#endif --></a></span></div><h2 class="date">09 October, 
2002</h2><div class="post"><a name="872"></a><h3 class="title">In case you are noticing changes</h3><p>The front page is now the same template as my front page. I'll be using this area to test all my main site designs. The samples will be moving to this template, since it has some fixes for things that were causing problems. </p><span class="posted">By Kathy Kinsley at <a href="http://design.site-essential.com/archives/000872.html#000872">12:56 EDT</a> | <a href="http://site-essential.com/cgi-bin/mt-comments.cgi?entry_id=872" 
onclick="OpenComments(this.href); return false"><!--#if expr="0 = 0" --> Speak to me! <!--#else -->0 talking back! <!--#endif --></a></span></div><h2 class="date">30 September, 
2002</h2><div class="post"><a name="814"></a><h3 class="title">Live at last!</h3><p>Welcome. This site is mostly a test site for designs.  This site uses no tables, except for the MT calendar. It should also work in any browser and on any reasonable screen size (obviously it won't look very good in a five-pixel wide screen). </p><p>This design and all the samples in the links column have been done using the exact same template. Only the CSS changes.  Although this has been designed for the MT blog, a similar design can be done any blogs, and even for regular web sites.  </p><p>I'll be doing some fancier CSS in the future, and some different templates,  but if you browse around the samples I have up now you'll see how much even simple changes in just the CSS can change the look of a site. </p><p>What I've asked on my main blog is for people to come test the pages so I can fine-tune. I've tested in all the browsers I have, and I am using valid XHTML and CSS, but I may need to work around browser bugs, so I would very much like to know if this site causes any! If you've come here directly, I'd also like to ask you to browse around and let me know if you find anything buggy. Thank you.  </p><p>I do not have either Konquerer or MSIE 6 and get hits from both on my main site, so I'd really appreciate comments from people running those browsers, and since I'm on a PC, from anyone using Mac or UNIX versions of any browser.  Thanks! </p><span class="posted">By Kathy Kinsley at <a href="http://design.site-essential.com/archives/000814.html#000814">16:21 EDT</a> | <a href="http://site-essential.com/cgi-bin/mt-comments.cgi?entry_id=814" 
onclick="OpenComments(this.href); return false"><!--#if expr="5 = 0" --> Speak to me! <!--#else -->5 talking back! <!--#endif --></a> | <a 
href="http://site-essential.com/cgi-bin/mt-tb.cgi?__mode=view&amp;entry_id=814" onclick="OpenTrackback(this.href); return false">0 bloggin it.</a></span></div><h2 class="date">28 September, 
2002</h2><div class="post"><a name="799"></a><h3 class="title">Last test post</h3><p>This blog isn't here. Really. It's all in your imagination. However, this blog will be here tomorrow or the next day. So, if you happened upon it by accident, or by following me back here through your site meter, do come back in a day or two. There will be some real stuff here then. </p><span class="posted">By Kathy Kinsley at <a href="http://design.site-essential.com/archives/000799.html#000799">17:09 EDT</a> | <a href="http://site-essential.com/cgi-bin/mt-comments.cgi?entry_id=799" 
onclick="OpenComments(this.href); return false"><!--#if expr="0 = 0" --> Speak to me! <!--#else -->0 talking back! <!--#endif --></a> | <a 
href="http://site-essential.com/cgi-bin/mt-tb.cgi?__mode=view&amp;entry_id=799" onclick="OpenTrackback(this.href); return false">0 bloggin it.</a></span></div><h2 class="date">27 September, 
2002</h2><div class="post"><a name="792"></a><h3 class="title">About ready to roll out</h3><p>Just doing a few more posts for testing purposes. </p>Here is a nice sentence that I can repeat endlessly for testing purposes. <p>Here is a nice sentence that I can repeat endlessly for testing purposes. Here is a nice sentence that I can repeat endlessly for testing purposes.Here is a nice sentence that I can repeat endlessly for testing purposes.</p> <p>Here is a nice sentence that I can repeat endlessly for testing purposes. Here is a nice sentence that I can repeat endlessly for testing purposes.</p><span class="posted">By Kathy Kinsley at <a href="http://design.site-essential.com/archives/000792.html#000792">16:41 EDT</a> | <a href="http://site-essential.com/cgi-bin/mt-comments.cgi?entry_id=792" 
onclick="OpenComments(this.href); return false"><!--#if expr="0 = 0" --> Speak to me! <!--#else -->0 talking back! <!--#endif --></a> | <a 
href="http://site-essential.com/cgi-bin/mt-tb.cgi?__mode=view&amp;entry_id=792" onclick="OpenTrackback(this.href); return false">0 bloggin it.</a></span></div><h2 class="date">25 September, 
2002</h2><div class="post"><a name="782"></a><h3 class="title">And we are testing again</h3><p>This one is just to put two posts in the same day.</p><span class="posted">By Kathy Kinsley at <a href="http://design.site-essential.com/archives/000782.html#000782">17:47 EDT</a> | <a href="http://site-essential.com/cgi-bin/mt-comments.cgi?entry_id=782" 
onclick="OpenComments(this.href); return false"><!--#if expr="0 = 0" --> Speak to me! <!--#else -->0 talking back! <!--#endif --></a> | <a 
href="http://site-essential.com/cgi-bin/mt-tb.cgi?__mode=view&amp;entry_id=782" onclick="OpenTrackback(this.href); return false">1 bloggin it.</a></span></div><div class="post"><a name="781"></a><h3 class="title">Just another test</h3><p>Doing trackbacks and comments with myself... how egotistical can one get?</p><span class="posted">By Kathy Kinsley at <a href="http://design.site-essential.com/archives/000781.html#000781">11:11 EDT</a> | <a href="http://site-essential.com/cgi-bin/mt-comments.cgi?entry_id=781" 
onclick="OpenComments(this.href); return false"><!--#if expr="3 = 0" --> Speak to me! <!--#else -->3 talking back! <!--#endif --></a></span></div><h2 class="date">24 September, 
2002</h2><div class="post"><a name="607"></a><h3 class="title">Test for date templates II</h3><p>This is a post to test  the monthy template and calendar<a href="">This is a fake link to a page</a>. <cite>This here is a citation. blah blah blah blah </cite></p><p>And yet another paragraph, just to  test <a href="/">some more stuff</a>. Here is a nice sentence that I can repeat endlessly for testing purposes. Here is a nice sentence that I can repeat endlessly for testing purposes. Here is a nice sentence that I can repeat endlessly for testing purposes. </p><span class="posted">By Kathy Kinsley at <a href="http://design.site-essential.com/archives/000607.html#000607">12:21 EDT</a> | <a href="http://site-essential.com/cgi-bin/mt-comments.cgi?entry_id=607" 
onclick="OpenComments(this.href); return false"><!--#if expr="0 = 0" --> Speak to me! <!--#else -->0 talking back! <!--#endif --></a></span></div><h2 class="date">13 July, 
2002</h2><div class="post"><a name="551"></a><h3 class="title">Testing... 1, 2, 3</h3><p>How cool. I'm visiting the past. This is (in addition to being backdated to make some monthly archives) yet another test. </p>
<p>Here is a nice sentence that I can repeat endlessly for testing purposes. </p><blockquote>Here's a blockquote. Here is a nice sentence that I can repeat endlessly <a href="">for testing purposes</a>. Here is a nice sentence that I can repeat endlessly for testing purposes.</blockquote><span class="more"><a href="http://design.site-essential.com/archives/000551.html#551">Continue...</a></span><br 
/><span class="posted">By Kathy Kinsley at <a href="http://design.site-essential.com/archives/000551.html#000551">14:10 EDT</a> | <a href="http://site-essential.com/cgi-bin/mt-comments.cgi?entry_id=551" 
onclick="OpenComments(this.href); return false"><!--#if expr="1 = 0" --> Speak to me! <!--#else -->1 talking back! <!--#endif --></a></span></div></div></div><div class="linkcol"><div 
class="links"><div class="side"><form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input type="hidden" name="cmd" value="_xclick" /><input type="hidden" name="business" value="3rdhand@site-essential.com" /><input type="hidden" 
name="item_name" value="Kathy Kinsley (Essential Design)" /><input type="hidden" name="item_number" value="OTTH" /><input type="submit" value="Paypal Tip Jar" title="Donate with paypal!" accesskey="5" /><input type="hidden" name="no_shipping" value="1" 
/><input type="hidden" name="return" value="http://site-essential.com/" /><input type="hidden" name="cancel_return" value="http://site-essential.com/" /><input type="hidden" name="cn" value="Thank you! Care to leave a note?" /></form><div 
class="but"><a href="http://s1.amazon.com/exec/varzea/pay/T1F3JB5GFKJSN8" title="Cick Here to Give" target="_top">Amazon Tip Jar</a><br /></div></div><div class="side"><form action="/cgi-sys/entropysearch.cgi" target="searchwindow"><label 
for="kw">Enter keywords to search</label><br /><input type="text" name="query" size="15" accesskey="4" id="kw" title="enter keywords here" /><input type="hidden" name="user" value="katkin" /><input type="hidden" name="basehref" 
value="http://site-essential.com" /><input type="hidden" name="template" value="default" /><input type="submit" value="Search for it!" name="submit2" /></form></div><div class="side"><a class="skip" href="#endcalendar"><img src="/images/invis.gif" 
width="1" height="1" alt="Skip over calendar" /></a><table summary="Monthly calendar with links to each day's posts"><caption>February 2005</caption><thead><tr><th scope="col" abbr="Sunday"><span class="cal">S</span></th><th scope="col" 
abbr="Monday"><span class="cal">M</span></th><th scope="col" abbr="Tuesday"><span class="cal">T</span></th><th scope="col" abbr="Wednesday"><span class="cal">W</span></th><th scope="col" abbr="Thursday"><span class="cal">R</span></th><th scope="col" 
abbr="Friday"><span class="cal">F</span></th><th scope="col" abbr="Saturday"><span class="cal">S</span></th></tr></thead><tbody><tr><td align="center"><span 
class="cal"> &nbsp; 
</span></td><td align="center"><span 
class="cal"> &nbsp; 
</span></td><td align="center"><span 
class="cal">1</span></td><td align="center"><span 
class="cal">2</span></td><td align="center"><span 
class="cal">3</span></td><td align="center"><span 
class="cal"><a href="http://design.site-essential.com/archives/004106.html">4</a></span></td><td align="center"><span 
class="cal">5</span></td></tr><tr><td align="center"><span 
class="cal">6</span></td><td align="center"><span 
class="cal">7</span></td><td align="center"><span 
class="cal">8</span></td><td align="center"><span 
class="cal">9</span></td><td align="center"><span 
class="cal">10</span></td><td align="center"><span 
class="cal">11</span></td><td align="center"><span 
class="cal">12</span></td></tr><tr><td align="center"><span 
class="cal">13</span></td><td align="center"><span 
class="cal">14</span></td><td align="center"><span 
class="cal">15</span></td><td align="center"><span 
class="cal">16</span></td><td align="center"><span 
class="cal">17</span></td><td align="center"><span 
class="cal">18</span></td><td align="center"><span 
class="cal">19</span></td></tr><tr><td align="center"><span 
class="cal">20</span></td><td align="center"><span 
class="cal">21</span></td><td align="center"><span 
class="cal">22</span></td><td align="center"><span 
class="cal">23</span></td><td align="center"><span 
class="cal">24</span></td><td align="center"><span 
class="cal">25</span></td><td align="center"><span 
class="cal">26</span></td></tr><tr><td align="center"><span 
class="cal">27</span></td><td align="center"><span 
class="cal">28</span></td><td align="center"><span 
class="cal"> &nbsp; 
</span></td><td align="center"><span 
class="cal"> &nbsp; 
</span></td><td align="center"><span 
class="cal"> &nbsp; 
</span></td><td align="center"><span 
class="cal"> &nbsp; 
</span></td><td align="center"><span 
class="cal"> &nbsp; 
</span></td></tr></tbody></table><a class="skip" name="endcalendar"></a></div><!--#include virtual="/samples.txt" --><div class="side"><h4 class="sidetitle">Gitmo weather 
watch</h4><a href="http://weatherpixie.com/index.php?&amp;htm=1&amp;trooper=15&amp;place=MUGM" target="_blank"><img src="http://weatherpixie.com/displayimg.php?place=MUGM&amp;trooper=15" width="124" height="175" border="0" alt="The WeatherPixie" 
/></a></div><div class="sitelink"><h4 class="sidetitle">Categories</h4><a href="http://design.site-essential.com/archives/cat_design.html">Design</a><br /><a href="http://design.site-essential.com/archives/cat_test_posts.html">Test Posts</a><br /></div><div class="sitelink"><h4 class="sidetitle">Archives</h4><a href="http://design.site-essential.com/archives/2005_02.html">February 2005</a><br /><a href="http://design.site-essential.com/archives/2002_12.html">December 2002</a><br /><a href="http://design.site-essential.com/archives/2002_10.html">October 2002</a><br /><a href="http://design.site-essential.com/archives/2002_09.html">September 2002</a><br /><a href="http://design.site-essential.com/archives/2002_07.html">July 2002</a><br /><a href="http://design.site-essential.com/archives/2002_06.html">June 2002</a><br /></div><div class="sitelink"><h4 class="sidetitle">Recent Entries</h4><a href="http://design.site-essential.com/archives/004106.html">Moved.</a><br 
/><a href="http://design.site-essential.com/archives/001208.html">History of page design (part I)</a><br 
/><a href="http://design.site-essential.com/archives/000872.html">In case you are noticing changes</a><br 
/><a href="http://design.site-essential.com/archives/000814.html">Live at last!</a><br 
/><a href="http://design.site-essential.com/archives/000799.html">Last test post</a><br 
/><a href="http://design.site-essential.com/archives/000792.html">About ready to roll out</a><br 
/><a href="http://design.site-essential.com/archives/000782.html">And we are testing again</a><br 
/><a href="http://design.site-essential.com/archives/000781.html">Just another test</a><br 
/><a href="http://design.site-essential.com/archives/000607.html">Test for date templates II</a><br 
/><a href="http://design.site-essential.com/archives/000551.html">Testing... 1, 2, 3</a><br 
/></div><div class="sitelink"><h4 class="sidetitle">Syndication</h4><a href="index.rdf">RSS 1.0 </a><br /><a href="index.xml">RSS 0.91</a></div><div class="side"><h4 class="sidetitle"> Powered by:</h4><h5><a 
href="http://www.movabletype.org">Movable Type 2.661</a></h5><h5><a href="http://validator.w3.org/">Valid XHTML 1.0 transitional</a></h5><h5><a href="http://jigsaw.w3.org/css-validator/">Valid CSS2</a></h5></div></div></div><br class="clear" /><div class="bar">| <a href="http://design.site-essential.com/" target="_top" title="Design Home" accesskey="1">Main</a> | <a href="http://site-essential.com/" target="_top" title="On The Third Hand">OTTH</a> | <a 
href="http://site-essential.com/kathyk/index.htm" accesskey="3">Writings</a> | <a href="http://site-essential.com/about.shtml" target="_top">About</a> | <a href="http://site-essential.com/privacy.shtml" target="_top" title="Privacy and email policies and such">Policies</a> | <a href="http://site-essential.com/contact.shtml" title="send me a letter" accesskey="9">Contact</a> | <a href="http://fora.site-essential.com/index.php" target="_top" title="Come and talk about it!" accesskey="7">Forums</a> | 
<a href="http://site-essential.com/bloglinks.shtml">Blog&nbsp;Links</a> | <a href="http://site-essential.com/sitelinks.shtml">More&nbsp;Links</a> | <a href="#top" title="Go to the top of the page" >Top</a> |</div><div class="foot">Copyright &#169; 
2000-2003 Kathy Kinsley, unless otherwise stated. All Rights Reserved.</div></body> 
</html>