<?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>firsttube.com &#187; Web Design</title>
	<atom:link href="http://www.firsttube.com/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.firsttube.com</link>
	<description>crunchy nuggets, served semi-daily</description>
	<lastBuildDate>Tue, 03 Jan 2012 00:14:01 +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>firsttube.com 10.2</title>
		<link>http://www.firsttube.com/read/firsttube-com-10-2/</link>
		<comments>http://www.firsttube.com/read/firsttube-com-10-2/#comments</comments>
		<pubDate>Fri, 19 Feb 2010 20:10:45 +0000</pubDate>
		<dc:creator>Adam S</dc:creator>
				<category><![CDATA[Meta]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://firsttube.com/?p=1582</guid>
		<description><![CDATA[I&#8217;ve applied a new theme to the site, so I&#8217;m now billing this as firsttube.com 10.2. Whereas prior to version &#8220;10&#8243;, each look-and-feel revision was likely a major increment, since converting to WordPress, a new theme is really much more &#8230; <a href="http://www.firsttube.com/read/firsttube-com-10-2/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve applied a new theme to the site, so I&#8217;m now billing this as <a href='http://firsttube.com'>firsttube.com</a> 10.2.   Whereas prior to version &#8220;10&#8243;, each look-and-feel revision was likely a major increment, since converting to WordPress, a new theme is really much more cosmetic than programmatic.  I&#8217;d love to hear your feedback, but I imagine the majority of my readers are reading via RSS anyway, so for those of you syndicated, here&#8217;s a screenshot for you:<br />
<img class="aligncenter size-medium wp-image-1583" title="firsttube 10.2" src="http://firsttube.com/uploads/2010/02/firsttube-10.2-500x427.jpg" alt="firsttube.com 10.2" width="500" height="427" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.firsttube.com/read/firsttube-com-10-2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>firsttube.com 10.1</title>
		<link>http://www.firsttube.com/read/firsttube-com-10-1/</link>
		<comments>http://www.firsttube.com/read/firsttube-com-10-1/#comments</comments>
		<pubDate>Tue, 29 Sep 2009 20:00:40 +0000</pubDate>
		<dc:creator>Adam S</dc:creator>
				<category><![CDATA[Meta]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://firsttube.com/?p=1506</guid>
		<description><![CDATA[I&#8217;ve updated firsttube.com to a new theme. It&#8217;s not significantly different from my old theme, but it&#8217;s a nice one that isn&#8217;t quite as hacked up as the last one. I&#8217;m in the process of deciding what to do with &#8230; <a href="http://www.firsttube.com/read/firsttube-com-10-1/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve updated <a href='http://firsttube.com'>firsttube.com</a> to a new theme.  It&#8217;s not significantly different from my old theme, but it&#8217;s a nice one that isn&#8217;t quite as hacked up as the last one.  I&#8217;m in the process of deciding what to do with comments.  I&#8217;m thinking I&#8217;d like to outsource them to <a href="http://disqus.com">disqus</a> or <a href="http://intensedebate.com">Intense Debate</a>.  Either way, check it out and let me know what you think.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.firsttube.com/read/firsttube-com-10-1/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>IE: Sucking Hard Since Version 5</title>
		<link>http://www.firsttube.com/read/ie-sucking-hard-since-version-5/</link>
		<comments>http://www.firsttube.com/read/ie-sucking-hard-since-version-5/#comments</comments>
		<pubDate>Thu, 09 Jul 2009 13:27:00 +0000</pubDate>
		<dc:creator>Adam S</dc:creator>
				<category><![CDATA[Rant]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Web Browser]]></category>
		<category><![CDATA[Web Browsers]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://firsttube.com/?p=1336</guid>
		<description><![CDATA[This code (extracted from a javascript file) works in every major browser except IE (including IE8): $&#40;'a[rel*=fancybox]'&#41;.fancybox&#40;&#123; 'frameWidth' : 500, 'frameHeight' : 465, 'hideOnContentClick' : false, 'centerOnScroll' : true, &#125;&#41;; This is the fix: $&#40;'a[rel*=fancybox]'&#41;.fancybox&#40;&#123; 'frameWidth' : 500, 'frameHeight' : &#8230; <a href="http://www.firsttube.com/read/ie-sucking-hard-since-version-5/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>This code (extracted from a javascript file) works in every major browser except IE (including IE8):</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">     $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'a[rel*=fancybox]'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">fancybox</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
          <span style="color: #3366CC;">'frameWidth'</span> <span style="color: #339933;">:</span> <span style="color: #CC0000;">500</span><span style="color: #339933;">,</span>
          <span style="color: #3366CC;">'frameHeight'</span> <span style="color: #339933;">:</span> <span style="color: #CC0000;">465</span><span style="color: #339933;">,</span>
          <span style="color: #3366CC;">'hideOnContentClick'</span> <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
          <span style="color: #3366CC;">'centerOnScroll'</span> <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
     <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>This is the fix:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">     $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'a[rel*=fancybox]'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">fancybox</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
          <span style="color: #3366CC;">'frameWidth'</span> <span style="color: #339933;">:</span> <span style="color: #CC0000;">500</span><span style="color: #339933;">,</span>
          <span style="color: #3366CC;">'frameHeight'</span> <span style="color: #339933;">:</span> <span style="color: #CC0000;">465</span><span style="color: #339933;">,</span>
          <span style="color: #3366CC;">'hideOnContentClick'</span> <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
          <span style="color: #3366CC;">'centerOnScroll'</span> <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span>
     <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>See the difference? Yeah, neither did I.  The difference is the last comma in the argument list.</p>
<p>That&#8217;s 3 consecutive major versions of IE that have been absolutely crap.  Why anyone continues to use IE is beyond me.  IE: sucking hard since version 5.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.firsttube.com/read/ie-sucking-hard-since-version-5/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>New Look and Feel</title>
		<link>http://www.firsttube.com/read/new-look-and-feel-2/</link>
		<comments>http://www.firsttube.com/read/new-look-and-feel-2/#comments</comments>
		<pubDate>Tue, 20 Jan 2009 21:42:21 +0000</pubDate>
		<dc:creator>Adam S</dc:creator>
				<category><![CDATA[Meta]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://firsttube.com/?p=1058</guid>
		<description><![CDATA[If you&#8217;re not reading this via RSS, you may have noticed that I&#8217;ve completely changed the look and feel of firsttube.com. It&#8217;s something I wasn&#8217;t expecting to do regularly, but since I&#8217;ve moved to WordPress, this will be my third &#8230; <a href="http://www.firsttube.com/read/new-look-and-feel-2/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;re not reading this via RSS, you may have noticed that I&#8217;ve completely changed the look and feel of <a href='http://firsttube.com'>firsttube.com</a>. It&#8217;s something I wasn&#8217;t expecting to do regularly, but since I&#8217;ve moved to WordPress, this will be my third theme.  The first one lasted only a few days, to be fair, and I settled on the beautiful <a href="http://wordpress.org/extend/themes/librio">Librio</a>.  However, I did a lot of customization with Librio, which meant I couldn&#8217;t really update the theme, and it was far from 2.7 ready.  On top of that, I hacked up some areas I didn&#8217;t like and I was never able to get it just right.  </p>
<p>Fast forward a bit, I&#8217;ve gone ahead and modified <a title="instantShift" href="http://www.instantshift.com/">instantShift&#8217;s</a> Christmas theme that was designed for <a title="Smashing Magazine" href="http://www.smashingmagazine.com/">Smashing Magazine</a>.  I am, at least right now, very happy with this theme and I think I&#8217;ll stick with it for awhile.  </p>
<p>Today is a new beginning for the US&#8230; and a little change is in order.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.firsttube.com/read/new-look-and-feel-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Bit of a Redesign</title>
		<link>http://www.firsttube.com/read/a-bit-of-a-redesign/</link>
		<comments>http://www.firsttube.com/read/a-bit-of-a-redesign/#comments</comments>
		<pubDate>Thu, 04 Sep 2008 03:48:25 +0000</pubDate>
		<dc:creator>Adam S</dc:creator>
				<category><![CDATA[Meta]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://firsttubecom/?p=810</guid>
		<description><![CDATA[Yes, I&#8217;ve redesigned firsttube.com once again, but I&#8217;m only christening it 10.0.1.  There are no major changes here other than the look and feel overhaul &#8211; no new features, no new tricks.  This theme is a bit lighter, a smidgen &#8230; <a href="http://www.firsttube.com/read/a-bit-of-a-redesign/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Yes, I&#8217;ve redesigned <a href='http://firsttube.com'>firsttube.com</a> once again, but I&#8217;m only christening it 10.0.1.  There are no major changes here other than the look and feel overhaul &#8211; no new features, no new tricks.  This theme is a bit lighter, a smidgen easier on the eyes, a touch cleaner code-wise, a trifle easier to manipulate, and a notch more organized, CSS-wise.   As a result, those who visit the site will get a neat surprise.   That is all.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.firsttube.com/read/a-bit-of-a-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Cleaner, Simpler firsttube.com</title>
		<link>http://www.firsttube.com/read/a-cleaner-simpler-firsttubecom/</link>
		<comments>http://www.firsttube.com/read/a-cleaner-simpler-firsttubecom/#comments</comments>
		<pubDate>Mon, 21 Jul 2008 19:52:40 +0000</pubDate>
		<dc:creator>Adam S</dc:creator>
				<category><![CDATA[Meta]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://firsttubecom/read/A-Cleaner-Simpler-firsttubecom</guid>
		<description><![CDATA[I&#8217;ve been pretty liberal in completely redesigning my website for some time now. I built this site sometime in August of 2000, using my own HTML. All dynamics were achieved&#8230; well&#8230; faked&#8230; via re-uploading static HTML files. Version 2.0, a &#8230; <a href="http://www.firsttube.com/read/a-cleaner-simpler-firsttubecom/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been pretty liberal in completely redesigning my website for some time now.  I built this site sometime in August of 2000, using my own HTML.  All dynamics were achieved&#8230; well&#8230; faked&#8230; via re-uploading static HTML files.  Version 2.0, a major overhaul, arrived shortly thereafter, and version 3.0 completely migrated to PHP as the base.  The site thrived as a Phish music archive and when I moved away from that, I retired what was then version 4.0, and several versions followed until this one, version 9.  But alas, shortly, I will begin the design of <a href='http://firsttube.com'>firsttube.com</a> version 10, and it will be a chore, as  I intend to modify most of the tables in my underlying database.  Many features I wish I had implemented long ago &#8211; such as subscribing to threads and letting users enter a website, thereby not exposing their email address &#8211; are long overdue and virtually omnipresent in other weblogs.</p>
<p>I&#8217;ve even tossed around using another blog engine and just migrating my data, but then, where would I play?</p>
<p>My primary goal, though, for <a href='http://firsttube.com'>firsttube.com</a> 10, will be a radically simpler and more attractive interface.  I like some Web 2.0 mainstays.  Expect larger text, brighter colors, AJAX where appropriate, and simplicity.  My new comments page, which I&#8217;ve been playing with, is already stripped down and already kind of overwhelming.    So back to the drawing board, it appears.  Stay tuned for more updates than necessary.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.firsttube.com/read/a-cleaner-simpler-firsttubecom/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>What The Heck is Wrong With Microsoft</title>
		<link>http://www.firsttube.com/read/What-The-Heck-is-Wrong-With-Microsoft/</link>
		<comments>http://www.firsttube.com/read/What-The-Heck-is-Wrong-With-Microsoft/#comments</comments>
		<pubDate>Sat, 23 Jun 2007 09:14:44 +0000</pubDate>
		<dc:creator>Adam S</dc:creator>
				<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[WTF]]></category>

		<guid isPermaLink="false">http://firsttubecom/read/What-The-Heck-is-Wrong-With-Microsoft</guid>
		<description><![CDATA[This is what&#8217;s wrong with Microsoft. I saw that Microsoft Expression beta was released for Mac. I thought to myself, &#8220;which one is Expression again?&#8221; So I checked it out. After checking out the website, you tell me &#8212; WTF &#8230; <a href="http://www.firsttube.com/read/What-The-Heck-is-Wrong-With-Microsoft/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>This is what&#8217;s wrong with Microsoft.  I saw that <a href="http://microsoft.com/expression">Microsoft Expression</a> beta was released for Mac.  I thought to myself, &#8220;which one is Expression again?&#8221;  So I checked it out.  After checking out the website, you tell me &#8212; WTF does this program do?</p>
<p><a href="http://firsttube.com/uploads/expression.jpg" title="Microsoft's Expression Website"><img src="http://firsttube.com/uploads/expression.tn.jpg" alt="Expression website screenshot" /></a><br />
<small>click on the pic for an enlarged view</small></p>
<p>This is terrible web design.  Not only do I not know what the product does, I&#8217;m supposed to know which edition to click on to find out.  Instead, I said &#8220;screw it&#8221; and I&#8217;m not going to bother with this thing.  Microsoft is so out of touch with technologists it&#8217;s crazy.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.firsttube.com/read/What-The-Heck-is-Wrong-With-Microsoft/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

