<?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>Fluxotronic &#187; Web Development</title>
	<atom:link href="http://fluxotronic.com/category/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://fluxotronic.com</link>
	<description>Preposterous Ponderings by Pete Peterson</description>
	<lastBuildDate>Sat, 31 Jul 2010 05:01:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Free Texture Pack 2: Textiles</title>
		<link>http://fluxotronic.com/2010/07/28/texture-pack2-textiles/</link>
		<comments>http://fluxotronic.com/2010/07/28/texture-pack2-textiles/#comments</comments>
		<pubDate>Wed, 28 Jul 2010 17:44:36 +0000</pubDate>
		<dc:creator>Pete</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[texture pack]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[photos]]></category>
		<category><![CDATA[resources]]></category>
		<category><![CDATA[texture]]></category>

		<guid isPermaLink="false">http://fluxotronic.com/?p=275</guid>
		<description><![CDATA[Here is a nice little *FREE* pack of high resolution textile images. Consisting of: Download: Texture Pack 2 Enjoy! Please show off your work here by posting a link of how you are using them.]]></description>
			<content:encoded><![CDATA[<div style="float: right; width: 42px; padding-right: 10px; margin: 0 0 0 10px;">
		<script type="text/javascript">
		<!--
		digg_url = "http://fluxotronic.com/2010/07/28/texture-pack2-textiles/";
		digg_bgcolor = "";
		digg_skin = "";
		digg_window = "";
		digg_title = "Free+Texture+Pack+2%3A+Textiles";
		digg_media = "";
		digg_topic = "";
		digg_bodytext = "";
		//-->
		</script>
		<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></div><p>Here is a nice little *FREE* pack of high resolution textile images. Consisting of:</p>
<div id="attachment_280" class="wp-caption alignleft" style="width: 310px"><a class="thickbox" title="Tissue" rel="same-post-275" href="http://fluxotronic.com/wp-content/uploads/2010/07/Tissue.jpg"><img class="size-medium wp-image-280" title="Tissue" src="http://fluxotronic.com/wp-content/uploads/2010/07/Tissue-300x225.jpg" alt="Tissue" width="300" height="225" /></a><p class="wp-caption-text">Tissue</p></div>
<div id="attachment_279" class="wp-caption alignleft" style="width: 310px"><a class="thickbox" title="Polyester Mesh" rel="same-post-275" href="http://fluxotronic.com/wp-content/uploads/2010/07/Polyester-Mesh.jpg"><img class="size-medium wp-image-279" title="Polyester Mesh" src="http://fluxotronic.com/wp-content/uploads/2010/07/Polyester-Mesh-300x225.jpg" alt="Polyester Mesh" width="300" height="225" /></a><p class="wp-caption-text">Polyester Mesh</p></div>
<div id="attachment_278" class="wp-caption alignleft" style="width: 310px"><a class="thickbox" title="Flannel" rel="same-post-275" href="http://fluxotronic.com/wp-content/uploads/2010/07/Flannel.jpg"><img class="size-medium wp-image-278" title="Flannel" src="http://fluxotronic.com/wp-content/uploads/2010/07/Flannel-300x225.jpg" alt="Flannel" width="300" height="225" /></a><p class="wp-caption-text">Flannel</p></div>
<div id="attachment_277" class="wp-caption alignleft" style="width: 310px"><a class="thickbox" title="Cardboard" rel="same-post-275" href="http://fluxotronic.com/wp-content/uploads/2010/07/Cardboard.jpg"><img class="size-medium wp-image-277" title="Cardboard" src="http://fluxotronic.com/wp-content/uploads/2010/07/Cardboard-300x225.jpg" alt="Cardboard" width="300" height="225" /></a><p class="wp-caption-text">Cardboard</p></div>
<div id="attachment_276" class="wp-caption alignleft" style="width: 310px"><a class="thickbox" title="Burlap" rel="same-post-275" href="http://fluxotronic.com/wp-content/uploads/2010/07/Burlap.jpg"><img class="size-medium wp-image-276" title="Burlap" src="http://fluxotronic.com/wp-content/uploads/2010/07/Burlap-300x225.jpg" alt="Burlap" width="300" height="225" /></a><p class="wp-caption-text">Burlap</p></div>
<div class="clear"></div>
<hr />
<p>
Download: <a href="http://fluxotronic.com/wp-content/uploads/2010/07/TexturePack2_Textiles.zip">Texture Pack 2</a>
</p>
<p>
Enjoy! Please show off your work here by posting a link of how you are using them.</p>
]]></content:encoded>
			<wfw:commentRss>http://fluxotronic.com/2010/07/28/texture-pack2-textiles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>An open letter to Microsoft RE: Internet Explorer Heartache</title>
		<link>http://fluxotronic.com/2010/07/20/an-open-letter-to-microsoft-re-internet-explorer-heartache/</link>
		<comments>http://fluxotronic.com/2010/07/20/an-open-letter-to-microsoft-re-internet-explorer-heartache/#comments</comments>
		<pubDate>Tue, 20 Jul 2010 16:57:21 +0000</pubDate>
		<dc:creator>Pete</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Random Thoughts]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[gripe]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[open letter]]></category>

		<guid isPermaLink="false">http://fluxotronic.com/?p=269</guid>
		<description><![CDATA[Subject: Compensation for heartache To: Microsoft From: Pete Peterson Hi Microsoft, My name is Pete, and I have been doing work on the web for about 10 years now. Although I do not blame you (Microsoft) for the active use of Internet Explorer across the inter webs, you did however produce this atrocious piece of [...]]]></description>
			<content:encoded><![CDATA[<div style="float: right; width: 42px; padding-right: 10px; margin: 0 0 0 10px;">
		<script type="text/javascript">
		<!--
		digg_url = "http://fluxotronic.com/2010/07/20/an-open-letter-to-microsoft-re-internet-explorer-heartache/";
		digg_bgcolor = "";
		digg_skin = "";
		digg_window = "";
		digg_title = "An+open+letter+to+Microsoft+RE%3A+Internet+Explorer+Heartache";
		digg_media = "";
		digg_topic = "";
		digg_bodytext = "";
		//-->
		</script>
		<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></div><p>Subject: Compensation for heartache<br />
To: Microsoft<br />
From: Pete Peterson</p>
<p>Hi Microsoft,</p>
<p>My name is Pete, and I have been doing work on the web for about 10 years now. Although I do not blame you (Microsoft) for the active use of Internet Explorer across the inter webs, you did however produce this atrocious piece of software. The versions have been steadily getting better, but, there is this thing called the a &#8220;standard&#8221; for web delivered information which would be great if you could find time to read them and apply them to how Internet Explorer renders web pages.</p>
<p>Here is a web address (also called a URL) for reference: http://www.w3.org/standards/</p>
<p>As I mentioned before, I don&#8217;t blame you (Microsoft) for the hundreds of thousands of people who still use your archaic browser (specifically IE 6), but since it was you that produced it, I feel I should be compensated for the countless hours spent in hacking html, css, javascript to get your browser to display the way it should. Not to mention all the aspirin, ibuprofen, coffee, Valum, whiskey that I have had to consume in order to endure having to work with this shoddy piece of ether that has been the bane of my existence since I decided on this career path.</p>
<p>I believe that $5000.00 is fair. Please enclose a check payable to Peter Peterson. No hard feelings.</p>
<p>Regards,</p>
<p>Pete</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
 My customer support id for this message is 1135554260<br />
 please feel free to follow along.</p>
<p>[EDIT]</p>
<p>I recieved a response from Microsoft regarding my gripe:</p>
<blockquote><p>
For replacement media or hardware please contact the Microsoft Order Desk by calling (800) 360-7561. Their hours of operation are Monday through Friday, 5:00 A.M. to 7:00 P.M. Pacific Time.</p>
<p>Please note this is an unmonitored alias. If you have further questions for customer service please contact us by Email:  https://support.microsoft.com/contactus/emailcontact.aspx?scid=sw;en;1208&#038;ws=orderautoreply  </p>
<p>Thank you,<br />
Microsoft Customer Service
</p></blockquote>
<p>I guess they aren&#8217;t going to pay me.</p>
]]></content:encoded>
			<wfw:commentRss>http://fluxotronic.com/2010/07/20/an-open-letter-to-microsoft-re-internet-explorer-heartache/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ah the fun world of 404 pages</title>
		<link>http://fluxotronic.com/2009/02/18/ah-the-fun-world-of-404-pages/</link>
		<comments>http://fluxotronic.com/2009/02/18/ah-the-fun-world-of-404-pages/#comments</comments>
		<pubDate>Wed, 18 Feb 2009 23:05:00 +0000</pubDate>
		<dc:creator>Pete</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[fun design 404]]></category>
		<category><![CDATA[funny]]></category>
		<category><![CDATA[how-to]]></category>

		<guid isPermaLink="false">http://blog.inspirefocus.com/?p=95</guid>
		<description><![CDATA[If you could add some sort of interesting-ness to a common problem, does that make it an oportunity? Absolutely! When someone accidentally hits a page that doesn&#8217;t exist on your site, the standard 404 page doesn&#8217;t do much, if if you entice the poor misguided traveler, they might stick around and see what you have [...]]]></description>
			<content:encoded><![CDATA[<div style="float: right; width: 42px; padding-right: 10px; margin: 0 0 0 10px;">
		<script type="text/javascript">
		<!--
		digg_url = "http://fluxotronic.com/2009/02/18/ah-the-fun-world-of-404-pages/";
		digg_bgcolor = "";
		digg_skin = "";
		digg_window = "";
		digg_title = "Ah+the+fun+world+of+404+pages";
		digg_media = "";
		digg_topic = "";
		digg_bodytext = "";
		//-->
		</script>
		<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></div><p>If you could add some sort of interesting-ness to a common problem, does that make it an oportunity? Absolutely! When someone accidentally hits a page that doesn&#8217;t exist on your site, the standard 404 page doesn&#8217;t do much, if if you entice the poor misguided traveler, they might stick around and see what you have to offer.</p>
<p>Enter the fun world of custom 404 pages, here is  <a href="/wherewasi">mine</a>. I have included the source code at the bottom of this post including the original flash file I used to create this. Feel free to use it, change it, distribute it as you see fit.</p>
<p>
<a href='http://fluxotronic.com/2009/02/18/ah-the-fun-world-of-404-pages/picture-12/' title='picture-12'><img width="150" height="150" src="http://fluxotronic.com/wp-content/uploads/2009/02/picture-12-150x150.png" class="attachment-thumbnail" alt="blog.inspirefocus.com 404 page" title="picture-12" /></a>
<a href='http://fluxotronic.com/2009/02/18/ah-the-fun-world-of-404-pages/picture-2/' title='picture-2'><img width="150" height="150" src="http://fluxotronic.com/wp-content/uploads/2009/02/picture-2-150x150.png" class="attachment-thumbnail" alt="BlueDaniel.com 404 page" title="picture-2" /></a>
<br />
<span id="more-95"></span><br />
I stumbled on to this one last week and thought it was very clever and briliantly designed: <a href="http://www.bluedaniel.com/404.shtml">bluedaniel.com/404.shtml</a>.  It turns out the whole site is interesting. I spent quite some time there looking at the trailers, etc.</p>
<p>So I did a search and <a href="http://www.smashingmagazine.com/2007/08/17/404-error-pages-reloaded/">Smashing Magazine</a> has a whole article on some cool designs, use it as inspiration.</p>
<p>I&#8217;ve included jquery, and jquery flash plugin. If you end up altering the flash file, make a backup of the html file as publishing will overwrite it. I prefer using jquery so I usually just export the swf. </p>
<p>Most of it is pretty explanitory, you may change some of the defaults simply by changing the javascript in the 404.html file:</p>
<p><code> Javascript </code></p>
<pre>
flashvars : {
   outlink:"http://blog.inspirefocus.com",
   max_stars: 60
}
</pre>
<p><strong>max_stars</strong> sets the total stars to generate (careful too many will bog your system/browser down)<br />
<strong>max_bg_stars</strong> sets the maximum number of stars in the background<br />
<strong>link_label</strong> sets the text to display as the link to where<br />
<strong>outlink</strong> points to.</p>
<p>Here is an example:<br />
<code> Javascript </code></p>
<pre>
$(document).ready(function(){
   $("#flash").flash({
       src: '/path/to/your/404.swf',
       scale: 'exactfit',
       width: '100%',
       height: '100%',
       flashvars : {
	  outlink:"http://somelinktosendpeopleto.com",
	  max_stars: 60,
          max_bg_stars: 700,
          link_label: "I want to go to there!"
       }
   });
});
</pre>
<p>Have fun with it, and send me a link to what you create, or if you simply reuse mine. Remember, don&#8217;t forget your towel!</p>
<p><strong>Update:</strong> I just found another post to 70 creative 404 pages: <a href="http://dreamcss.blogspot.com/2009/02/70-more-fantastic-404-error-pages.html">here.</a></p>
<p>Attachments: <a href="/files/404page.zip">404page.zip</a> </p>
]]></content:encoded>
			<wfw:commentRss>http://fluxotronic.com/2009/02/18/ah-the-fun-world-of-404-pages/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Mozilla Labs&#8217; Bespin (Web Editor)</title>
		<link>http://fluxotronic.com/2009/02/13/mozilla-labs-bespin-web-editor/</link>
		<comments>http://fluxotronic.com/2009/02/13/mozilla-labs-bespin-web-editor/#comments</comments>
		<pubDate>Fri, 13 Feb 2009 23:14:44 +0000</pubDate>
		<dc:creator>Pete</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.inspirefocus.com/?p=84</guid>
		<description><![CDATA[Mozilla labs has been working on some very interesting stuff lately. Here is another one that looks very promising; Bespin, a web-based text editor and developer tools. The idea is simple but the potential is huge. If you can maintain your projects server based and collaborate with others without the need of specialized synchronizing software, [...]]]></description>
			<content:encoded><![CDATA[<div style="float: right; width: 42px; padding-right: 10px; margin: 0 0 0 10px;">
		<script type="text/javascript">
		<!--
		digg_url = "http://fluxotronic.com/2009/02/13/mozilla-labs-bespin-web-editor/";
		digg_bgcolor = "";
		digg_skin = "";
		digg_window = "";
		digg_title = "Mozilla+Labs%26%238217%3B+Bespin+%28Web+Editor%29";
		digg_media = "";
		digg_topic = "";
		digg_bodytext = "";
		//-->
		</script>
		<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></div><p>Mozilla labs has been working on some very interesting stuff lately. Here is another one that looks very promising; <a href="http://labs.mozilla.com/projects/bespin/">Bespin</a>, a web-based text editor and developer tools. The idea is simple but the potential is huge. If you can maintain your projects server based and collaborate with others without the need of specialized synchronizing software, well, that would be sweet.</p>
<p>Imagine a web based text editor that is extensible and customizeable as firefox it self. TextMate + Vim + SVN all in one package. I for one am excited about this little gem. </p>
<p><object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3195079&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=3195079&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object><br /><a href="http://vimeo.com/3195079">Introducing Bespin</a> from <a href="http://vimeo.com/dion">Dion Almaer</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>I played around with it, and while it still lacks a lot of the finer points that might make this an extremely useful tool, it is impressive none the less. I can&#8217;t wait to learn more about it.</p>
]]></content:encoded>
			<wfw:commentRss>http://fluxotronic.com/2009/02/13/mozilla-labs-bespin-web-editor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
