<?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>Simon Dvorak.com &#187; Web Design</title>
	<atom:link href="http://simondvorak.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://simondvorak.com</link>
	<description>My personal digital playground</description>
	<lastBuildDate>Thu, 18 Mar 2010 17:17:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Newest Website</title>
		<link>http://simondvorak.com/2005/08/10/newest-website/</link>
		<comments>http://simondvorak.com/2005/08/10/newest-website/#comments</comments>
		<pubDate>Wed, 10 Aug 2005 06:25:53 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://simondvorak.com/2005/08/10/newest-website/</guid>
		<description><![CDATA[I just finished a site for a friend&#8217;s wholesale carpet business.  I&#8217;ve been working on it pro-bono and have been anything but prompt it getting it done.  However, the main site layout is now complete and we&#8217;ve begun putting content into it.  Check out SacFloorStore.com.
I&#8217;m using Google Maps on their &#8216;Directions&#8217; page [...]]]></description>
			<content:encoded><![CDATA[<p>I just finished a site for a friend&#8217;s wholesale carpet business.  I&#8217;ve been working on it pro-bono and have been anything but prompt it getting it done.  However, the main site layout is now complete and we&#8217;ve begun putting content into it.  Check out <a href="http://www.sacfloorstore.com" title="Sacramento's Floor Store">SacFloorStore.com</a>.</p>
<p>I&#8217;m using <a href="http://maps.google.com" title="Google Maps!">Google Maps</a> on their <a href="http://sacfloorstore.com/contact.htm" title="Directions to Floor Store">&#8216;Directions&#8217;</a> page to provide customized driving directions from the customer&#8217;s location to Floor Store.  I&#8217;m using javascript to asemble the url based on form input.  If the user has javascript disabled, the form submits to a map view of Floor Store&#8217;s location.  Not too bad.</p>
]]></content:encoded>
			<wfw:commentRss>http://simondvorak.com/2005/08/10/newest-website/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Backpackit</title>
		<link>http://simondvorak.com/2005/08/06/backpackit/</link>
		<comments>http://simondvorak.com/2005/08/06/backpackit/#comments</comments>
		<pubDate>Sat, 06 Aug 2005 16:37:24 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://simondvorak.com/2005/08/06/backpackit/</guid>
		<description><![CDATA[I just had to write a short post about Backpackit.  It really is an awsome service.  I&#8217;ve been using it for some time now and have really enjoyed it.  Now, I&#8217;ve gotten my boss to start using it to submit trouble tickets on the software we are working on.  It really [...]]]></description>
			<content:encoded><![CDATA[<p>I just had to write a short post about <a href="http://www.backpackit.com" title="Backpackit: Task organization software">Backpackit</a>.  It really is an awsome service.  I&#8217;ve been using it for some time now and have really enjoyed it.  Now, I&#8217;ve gotten my boss to start using it to submit trouble tickets on the software we are working on.  It really makes hunting down bugs and fixing much faster as there is a simple list to run through now.</p>
<p>Some of the javascript techniques they are using are really slick (the ability to reorder your list items by dragging and dropping them into place comes to mind).  They really are a great example of the current state of web apps.  We&#8217;ve come a long way, baby!</p>
]]></content:encoded>
			<wfw:commentRss>http://simondvorak.com/2005/08/06/backpackit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Form Positioning Without Tables</title>
		<link>http://simondvorak.com/2004/10/22/form-positioning-without-tables/</link>
		<comments>http://simondvorak.com/2004/10/22/form-positioning-without-tables/#comments</comments>
		<pubDate>Fri, 22 Oct 2004 06:57:37 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://simondvorak.com/2004/10/22/form-positioning-without-tables/</guid>
		<description><![CDATA[This topic has been discussed everywhere.  However, some of the solutions aren&#8217;t much better than a table.  Such as:

&#60;div class="row"&#62;
&#60;div class="left"&#62;
&#60;label for=&#34;fname&#34;&#62;First Name&#60;/label&#62;
&#60;/div&#62;
&#60;div class="right"&#62;
&#60;input name="fname" id="fname" type="text" /&#62;
&#60;/div&#62;
&#60;/div&#62;
Which is then styled with something like:

.row{
clear:both;
width:300px;
}
.left{
display:block;
float:left;
width:100px;
text-align:right;
}
.right{
display:block;
float:right;
width:180px;
text-align:left;
}

Looks like a table in disguise to me.
So what&#8217;s another option?  Well, I use something very similar, however I [...]]]></description>
			<content:encoded><![CDATA[<p>This topic has been discussed everywhere.  However, some of the solutions aren&#8217;t much better than a table.  Such as:</p>
<p><code><br />
&lt;div class="row"&gt;<br />
&lt;div class="left"&gt;<br />
&lt;label for=&quot;fname&quot;&gt;First Name&lt;/label&gt;<br />
&lt;/div&gt;<br />
&lt;div class="right"&gt;<br />
&lt;input name="fname" id="fname" type="text" /&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;</code></p>
<p>Which is then styled with something like:<br />
<code><br />
.row{<br />
clear:both;<br />
width:300px;<br />
}<br />
.left{<br />
display:block;<br />
float:left;<br />
width:100px;<br />
text-align:right;<br />
}<br />
.right{<br />
display:block;<br />
float:right;<br />
width:180px;<br />
text-align:left;<br />
}<br />
</code></p>
<p>Looks like a <a href="http://www.alistapart.com/articles/practicalcss/" title="A List Apart: Practical CSS Layout Tips, Tricks and Techniques">table in disguise</a> to me.</p>
<p>So what&#8217;s another option?  Well, I use something very similar, however I choose to use the elements that are already available.  Using the <em>form</em> element in place of the <em>row</em> class used above and seperating form inputs by &lt;p&gt; tags we end up with something like this for the CSS&#8230;</p>
<p><code></p>
<p>&lt;style type=&quot;text/css&quot;&gt;<br />
  &lt;!--<br />
  form{<br />
width:225px;<br />
display:block;<br />
clear:both;<br />
}<br />
label{<br />
width:75px;<br />
float:left;<br />
text-align:right;<br />
padding:0 3px 0 0;<br />
}<br />
input{<br />
text-align:left;<br />
}<br />
form p{<br />
margin:0 0 5px 0;<br />
text-align:left;<br />
}<br />
#controls{<br />
text-align:right<br />
}<br />
--&gt;<br />
&lt;/style&gt;
</p>
<p></code></p>
<p>And this for XHTML&#8230;</p>
<p><code>&lt;form name=&quot;myform&quot; id=&quot;myform&quot; action=&quot;submitpage.htm&quot; method=&quot;post&quot;&gt;<br />
&lt;p&gt;<br />
&lt;label for=&quot;fname&quot;&gt;First Name&lt;/label&gt;<br />
&lt;input name=&quot;fname&quot; type=&quot;text&quot; id=&quot;fname&quot; size=&quot;20&quot; /&gt;<br />
&lt;/p&gt;<br />
&lt;p&gt;<br />
&lt;label for=&quot;lname&quot;&gt;Last Name&lt;/label&gt;<br />
&lt;input name=&quot;lname&quot; id=&quot;lname&quot; type=&quot;text&quot; /&gt;<br />
&lt;/p&gt;<br />
&lt;p id=&quot;controls&quot;&gt;<br />
&lt;input name=&quot;Reset&quot; id=&quot;submit&quot; type=&quot;reset&quot; value=&quot;Reset&quot; /&gt;<br />
&lt;input name=&quot;submit&quot; id=&quot;submit&quot; type=&quot;submit&quot; value=&quot;submit&quot; /&gt;<br />
&lt;/p&gt;<br />
&lt;/form&gt;<br />
</code></p>
<p>I threw in an extra class for the last paragraph to make the buttons line up on the right side of the form.  Works for me.  How about you?</p>
]]></content:encoded>
			<wfw:commentRss>http://simondvorak.com/2004/10/22/form-positioning-without-tables/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Oh Yeah</title>
		<link>http://simondvorak.com/2004/10/13/oh-yeah/</link>
		<comments>http://simondvorak.com/2004/10/13/oh-yeah/#comments</comments>
		<pubDate>Wed, 13 Oct 2004 07:07:15 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://simondvorak.com/2004/10/13/oh-yeah/</guid>
		<description><![CDATA[Oh yeah, I almost forgot.  If you are in the position of needing to reference the National Do Not Call List and really hate having to download flat text files for each area code Strikeiron has a web service that allows you to run phone numbers against the database.
Now run and go make unsolicited [...]]]></description>
			<content:encoded><![CDATA[<p>Oh yeah, I almost forgot.  If you are in the position of needing to reference the National Do Not Call List and really hate having to download flat text files for each area code <a href="http://www.strikeiron.com">Strikeiron</a> has a web service that allows you to run phone numbers against the database.</p>
<p>Now run and go make unsolicited phone calls to the poor folks who haven&#8217;t put their names on the list.</p>
]]></content:encoded>
			<wfw:commentRss>http://simondvorak.com/2004/10/13/oh-yeah/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Is It PHP&#8217;s Fault?</title>
		<link>http://simondvorak.com/2004/10/11/is-it-phps-fault/</link>
		<comments>http://simondvorak.com/2004/10/11/is-it-phps-fault/#comments</comments>
		<pubDate>Mon, 11 Oct 2004 16:44:20 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://simondvorak.com/2004/10/11/is-it-phps-fault/</guid>
		<description><![CDATA[Because I&#8217;m cheap I am using my hosting companies free PHP/MySql support instead of Coldfusion for server-side scripting.  However, my side loads soooo slow.  Is it my hosting companies fault or are MySql and PHP just really dogs in comparison?  Other sites that are on their servers and use Coldfusion (and MSSQL) [...]]]></description>
			<content:encoded><![CDATA[<p>Because I&#8217;m cheap I am using my hosting companies free PHP/MySql support instead of Coldfusion for server-side scripting.  However, my side loads soooo slow.  Is it my hosting companies fault or are MySql and PHP just really dogs in comparison?  Other sites that are on their servers and use Coldfusion (and MSSQL) do not have this problem.</p>
]]></content:encoded>
			<wfw:commentRss>http://simondvorak.com/2004/10/11/is-it-phps-fault/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Bloglines Blogroll</title>
		<link>http://simondvorak.com/2004/10/08/bloglines-blogroll/</link>
		<comments>http://simondvorak.com/2004/10/08/bloglines-blogroll/#comments</comments>
		<pubDate>Fri, 08 Oct 2004 07:11:16 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://simondvorak.com/2004/10/08/bloglines-blogroll/</guid>
		<description><![CDATA[I&#8217;ve exported my bloglines blogroll as an OPML file and imported it into WordPress.  However, it wasn&#8217;t as straightforward as it should have been.  Seems that WordPress is setup to look for the attribute &#8220;URL&#8221; in the OPML OUTLINE tag in order to import the url.  It also assumes that the name [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve exported my bloglines blogroll as an OPML file and imported it into WordPress.  However, it wasn&#8217;t as straightforward as it should have been.  Seems that WordPress is setup to look for the attribute &#8220;URL&#8221; in the OPML OUTLINE tag in order to import the url.  It also assumes that the name of the site is found in the attribute &#8220;TEXT.&#8221;</p>
<p>However, Bloglines uses the attribute &#8220;HTMLURL&#8221; for the url and &#8220;TITLE&#8221; for the name of the site.  So what ends up happening is WordPress imports a long list of links with no url and no name.  In order to get around this you must edit the file link-parse-opml.php which is located in the wp-admin folder.  At the top of this document change &#8216;link_url&#8217; =&gt; &#8216;URL&#8217; to &#8216;link_url&#8217; =&gt; &#8216;HTMLURL&#8217; and &#8216;link_name&#8217;=&gt;&#8217;TEXT&#8217; to &#8216;link_name&#8217;=&gt;&#8217;TITLE&#8217;&#8230;or update your WordPress installation to <a href="http://wordpress.org/download/" title="Download Wordpress Version 1.21">1.21</a> as they seemed to have added options for both scenarios.</p>
<p>Regardless importing my blogroll in this way is much better than using Bloglines&#8217; provided javascript.  I tried that for about a day and it significantly slowed the loading of my site down (which is slow already due to my hosting companies poor PHP performance).</p>
<p>By the way, does anyone know of a plugin/hack/whatever to add bulk delete to the link management section of Wordpress?</p>
]]></content:encoded>
			<wfw:commentRss>http://simondvorak.com/2004/10/08/bloglines-blogroll/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefox 1.0 Preview Release</title>
		<link>http://simondvorak.com/2004/09/14/firefox-10-preview-release/</link>
		<comments>http://simondvorak.com/2004/09/14/firefox-10-preview-release/#comments</comments>
		<pubDate>Tue, 14 Sep 2004 08:29:57 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://simondvorak.com/2004/09/14/firefox-10-preview-release/</guid>
		<description><![CDATA[UPDATE: The goal of 1 million downloads is well on the way with 160,000 as of this afternoon!

It&#8217;s 1:00 am and I just finished painting some of the living room.  I&#8217;ve also just seen that Mozilla is releasing a v1.0 preview of  Firefox tomorrow (today). WOOHOO! Seems like some new features have crept [...]]]></description>
			<content:encoded><![CDATA[<p><strong>UPDATE:</strong> The goal of 1 million downloads is well on the way with 160,000 as of this afternoon!</p>
<p><a href="http://spreadfirefox.com/community/?q=affiliates&amp;id=160&amp;t=65"><img alt="Get Firefox!" title="Get Firefox!" src="http://www.spreadfirefox.com/community/images/affiliates/Buttons/110x32/safer.gif"  border="0" /></a></p>
<p>It&#8217;s 1:00 am and I just finished painting some of the living room.  I&#8217;ve also just seen that <a href="http://www.mozill.org" title="Mozilla Open Source Development">Mozilla</a> is releasing a v1.0 preview of  Firefox <span style="text-decoration:line-through;">tomorrow</span> (today). WOOHOO! Seems like some <a href="http://story.news.yahoo.com/news?tmpl=story&amp;cid=1738&amp;e=2&amp;u=/zd/20040913/tc_zd/135218" title="Yahoo news story on Firefox 1.0">new features have crept in from 0.9.3. </a></p>
<p>Check out <a href="http://www.spreadfirefox.com" title="">SpreadFirefox.com</a> for the details and how they hope to log <span style="text-decoration:line-through;">100,000</span>(edit: 1,000,000) downloads in 10 days!  Sounds like a tall order.</p>
]]></content:encoded>
			<wfw:commentRss>http://simondvorak.com/2004/09/14/firefox-10-preview-release/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wellstyled.com</title>
		<link>http://simondvorak.com/2004/07/28/wellstyledcom/</link>
		<comments>http://simondvorak.com/2004/07/28/wellstyledcom/#comments</comments>
		<pubDate>Wed, 28 Jul 2004 15:58:03 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://simondvorak.com/2004/07/28/wellstyledcom/</guid>
		<description><![CDATA[Run, don&#8217;t walk, over to Wellstyled.com for some great articles on CSS and web standards.
]]></description>
			<content:encoded><![CDATA[<p>Run, don&#8217;t walk, over to <a href="http://www.wellstyled.com" title="Excellent CSS article resource">Wellstyled.com</a> for some great articles on CSS and web standards.</p>
]]></content:encoded>
			<wfw:commentRss>http://simondvorak.com/2004/07/28/wellstyledcom/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>This Is The Mona Lisa&#8230;</title>
		<link>http://simondvorak.com/2004/07/26/this-is-the-mona-lisa/</link>
		<comments>http://simondvorak.com/2004/07/26/this-is-the-mona-lisa/#comments</comments>
		<pubDate>Mon, 26 Jul 2004 22:51:51 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://simondvorak.com/2004/07/26/this-is-the-mona-lisa/</guid>
		<description><![CDATA[
For the above image I used a picture of the Mona Lisa.  After heavily filtering, resizing and tweaking this is the result.  Am I infringing on copyright? (The Mona Lisa probably isn&#8217;t copyrighted, but that is beside the point)
There&#8217;s a great discussion going on over at mezzloblue on this very subject. Dave&#8217;s post [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://simondvorak.com/images/monalisa.gif" alt="my mona lisa" title="Is this the mona lisa?" /></p>
<p>For the above image I used a picture of the Mona Lisa.  After heavily filtering, resizing and tweaking this is the result.  Am I infringing on copyright? (The Mona Lisa probably isn&#8217;t copyrighted, but that is beside the point)</p>
<p>There&#8217;s a great discussion going on over at mezzloblue on this very subject. Dave&#8217;s post <a href="http://mezzoblue.com/archives/2004/07/26/design_theft/#000636">Design Theft: Crossing the Line</a> is generating a variety of ideas concerning the nature of copyright.</p>
<p>Personally, I remembered  <a href="http://www.afterwalkerevans.com/">Sherrie Levine</a> and her work which involves direct challenges to copyright. Also, many artists incorporate copyrighted images into their work.  Techniques such as painting photos or newspaper clippings into the canvas (Robert Rauschenberg, etc.) as well as some collage artists would probably be considered copyright infringement by some of the commenters here.</p>
<p>I think people might be overlooking some facts about image copyright.  I&#8217;m not a lawyer, but from what I have read copyrighted images can be used without the author&#8217;s permission if the use falls under &#8220;fair use.&#8221;  What &#8220;fair use&#8221; is is somewhat hazy, but aspects of it allow the image to be used/copied if the use does not affect the author&#8217;s ability to market their image.</p>
<p>Another aspect of &#8220;fair use&#8221; is how much of the orginal work is being copied.  It the example at mezzoblue, the 150px image shown could have been a crop from a 3500px panorama.  Sampling this small section would most likely come under &#8220;fair use.&#8221;</p>
<p>Finally, in the example case presented at mezzoblue we are also dealing with extreme data filtering.  The original image data is mathmatically altered by the artist to a final form where the original no longer exists.  This certainly is not copyright infringement any more than writing this comment is. (I didn&#8217;t come up with all this stuff myself.  I researched copyright law, representative artists, etc.. I then used my mind to process the data available into this post)</p>
]]></content:encoded>
			<wfw:commentRss>http://simondvorak.com/2004/07/26/this-is-the-mona-lisa/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Style Switcher</title>
		<link>http://simondvorak.com/2004/07/01/style-switcher/</link>
		<comments>http://simondvorak.com/2004/07/01/style-switcher/#comments</comments>
		<pubDate>Thu, 01 Jul 2004 17:44:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://simondvorak.com/2004/07/01/style-switcher/</guid>
		<description><![CDATA[In the endless pursuit of perfection, I tweak/re-design this page fairly frequently.  I decided that rather than force these design changes on you, the reader (you know who you are&#8230;or maybe you don&#8217;t&#8230;let&#8217;s save that for an existentialist post, shall we) I should let you choose which version you&#8217;re more comfortable with.
Thus, the style [...]]]></description>
			<content:encoded><![CDATA[<p>In the endless pursuit of perfection, I tweak/re-design this page fairly frequently.  I decided that rather than force these design changes on you, the reader (you know who you are&#8230;or maybe you don&#8217;t&#8230;let&#8217;s save that for an existentialist post, shall we) I should let you choose which version you&#8217;re more comfortable with.</p>
<p>Thus, the <a href="http://www.alistapart.com/articles/alternate/" title="Working with alternative style sheets">style switcher</a> in the top right hand corner ( for the time being) will soon be in effect offering media interactivity beyond your wildest dreams.</p>
<p style="text-decoration:line-through;">For the time being clicking the switcher links will present you with an annoying javascript alert box.  However, soon&#8230;very soon you will be rewarded with an instant page transformation to the design of your choice. Keep watching</p>
<p><strong>Update</strong></p>
<p>The Style Switcher is now active (the meditation skin is still not linked).  The snowy and sparse stylings should be working. Give them a shot!  The setting will be stored in a cookie and recalled on subsequent visits to the site.</p>
]]></content:encoded>
			<wfw:commentRss>http://simondvorak.com/2004/07/01/style-switcher/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
