<?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>Homepage for William E. Ludwig</title>
	<atom:link href="http://weludwig.com/feed" rel="self" type="application/rss+xml" />
	<link>http://weludwig.com</link>
	<description>Just the random ramblings of a web developer</description>
	<lastBuildDate>Thu, 05 Aug 2010 03:27:56 +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>Social Media Bubbleicons</title>
		<link>http://weludwig.com/design/social-media-bubble-icons</link>
		<comments>http://weludwig.com/design/social-media-bubble-icons#comments</comments>
		<pubDate>Thu, 05 Aug 2010 03:27:56 +0000</pubDate>
		<dc:creator>William Ludwig</dc:creator>
				<category><![CDATA[Web Design & Typography]]></category>
		<category><![CDATA[Icons]]></category>
		<category><![CDATA[Social Icons]]></category>

		<guid isPermaLink="false">http://weludwig.com/?p=192</guid>
		<description><![CDATA[Courtesy of the great folks over at Design Instruct comes a beautiful set of social media icons.  20 48&#215;48 .png icons for Flickr, Facebook (2), Mixx, deviantART, Technorati (2), RSS, Bing, Blogger, Yahoo, Twitter(2), Stumbleupon, Digg, Delicious, Sharethis, Bebo, Orkut, and Buzz. In the past I have been bookmarking these wonderful icon sets as I [...]]]></description>
			<content:encoded><![CDATA[<p>Courtesy of the great folks over at Design Instruct comes a beautiful set of social media icons.  20 48&#215;48 .png icons for Flickr, Facebook (2), Mixx, deviantART, Technorati (2), RSS, Bing, Blogger, Yahoo, Twitter(2), Stumbleupon, Digg, Delicious, Sharethis, Bebo, Orkut, and Buzz.</p>
<div id="attachment_193" class="wp-caption alignnone" style="width: 600px"><a href="http://designinstruct.com/free-resources/icons/social-media-bubblicons-icon-pack/"><img class="size-full wp-image-193" title="bubbleicons" src="http://weludwig.com/wp-content/uploads/2010/08/bubbleicons.jpg" alt="Bubbleicons by Supratim Nayak" width="590" height="500" /></a><p class="wp-caption-text">Bubbleicons by Supratim Nayak @ Design Instruct</p></div>
<p>In the past I have been bookmarking these wonderful icon sets as I found them.  From now on I&#8217;ll be linking to them from here.  I feel that this is a better way of collecting and sharing resources.</p>
]]></content:encoded>
			<wfw:commentRss>http://weludwig.com/design/social-media-bubble-icons/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Good Guys is Awesome</title>
		<link>http://weludwig.com/general-discussion/the-good-guys-is-awesome</link>
		<comments>http://weludwig.com/general-discussion/the-good-guys-is-awesome#comments</comments>
		<pubDate>Thu, 22 Jul 2010 02:19:09 +0000</pubDate>
		<dc:creator>William Ludwig</dc:creator>
				<category><![CDATA[General Discussion]]></category>
		<category><![CDATA[image post]]></category>

		<guid isPermaLink="false">http://weludwig.com/?p=186</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<div id="attachment_189" class="wp-caption alignnone" style="width: 600px"><a href="http://weludwig.com/wp-content/uploads/2010/07/thegoodguys.jpg"><img class="size-large wp-image-189" title="thegoodguys" src="http://weludwig.com/wp-content/uploads/2010/07/thegoodguys-590x441.jpg" alt="The Good Guys" width="590" height="441" /></a><p class="wp-caption-text">The Good Guys is Awesome.  I expect it to be canceled shortly.</p></div>
]]></content:encoded>
			<wfw:commentRss>http://weludwig.com/general-discussion/the-good-guys-is-awesome/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Beautiful Typography Poster: Existentialism</title>
		<link>http://weludwig.com/design/beautiful-existentialism-typography-poster</link>
		<comments>http://weludwig.com/design/beautiful-existentialism-typography-poster#comments</comments>
		<pubDate>Wed, 21 Jul 2010 03:26:47 +0000</pubDate>
		<dc:creator>William Ludwig</dc:creator>
				<category><![CDATA[Web Design & Typography]]></category>
		<category><![CDATA[image post]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://weludwig.com/?p=175</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<div id="attachment_179" class="wp-caption alignnone" style="width: 562px"><a href="http://weludwig.com/wp-content/uploads/2010/07/existentialism_by_allete.jpg"><img class="size-large wp-image-179 " title="existentialism_by_allete" src="http://weludwig.com/wp-content/uploads/2010/07/existentialism_by_allete-552x1024.jpg" alt="existentialism_by_allete" width="552" height="1024" /></a><p class="wp-caption-text">Existentialism by allete</p></div>
]]></content:encoded>
			<wfw:commentRss>http://weludwig.com/design/beautiful-existentialism-typography-poster/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Flyout Carousel</title>
		<link>http://weludwig.com/development/jquery-flyout-carousel</link>
		<comments>http://weludwig.com/development/jquery-flyout-carousel#comments</comments>
		<pubDate>Mon, 19 Jul 2010 10:50:16 +0000</pubDate>
		<dc:creator>William Ludwig</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[demo code]]></category>
		<category><![CDATA[featured scroller]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://weludwig.com/?p=73</guid>
		<description><![CDATA[Everyone is familiar with the rotating featured posts that have become so popular recently. About 6 months ago I was working on a project that needed one that would just show categories and artwork, but would expand to show the teaser when clicked. We ended up going an entirely different direction but I figured I [...]]]></description>
			<content:encoded><![CDATA[<p>Everyone is familiar with the rotating featured posts that have become so popular recently.  About 6 months ago I was working on a project that needed one that would just show categories and artwork, but would expand to show the teaser when clicked.  We ended up going an entirely different direction but I figured I might as well post the script and maybe someone will get some use out of it.</p>
<p>Keep in mind that this is a really rough version that was only intended for demonstration.  Really it&#8217;s barely more than proof of concept, but I don&#8217;t think it would take much to clean up.  I haven&#8217;t done any testing and I can&#8217;t offer any support, just take it and have fun.  I would like to give a lot of the credit to <a href="http://jqueryfordesigners.com/jquery-infinite-carousel/">Remy Sharp and his jQuery Infinite Carousel</a> script which this is based on. 90% of the credit for this goes to him.</p>
<h3>Source Code</h3>
<ul>
<li><a href="http://weludwig.com/wp-content/uploads/2010/02/flyout-carousel.txt" target="_blank">flyout-carousel Javascript</a></li>
<li><a href="http://weludwig.com/wp-content/uploads/2010/02/flyout-carousel-styles.txt" target="_blank">flyout-carousel CSS</a></li>
<li><a href="http://weludwig.com/wp-content/uploads/2010/02/flyout-carousel-html.txt" target="_blank">flyout-carousel HTML</a></li>
</ul>
<h3>jQuery Flyout Carousel Demo <small>(Click Image/header to expand and contract)</small></h3>
<style type="text/css">.flyoutCarousel { width: 530px; height: 250px; position: relative; margin: 0 auto; } .flyoutCarousel .wrapper { width: 480px; overflow: auto; min-height: 240px; margin: 0 25px; position: absolute; top: 0; border: 1px solid #000; } .flyoutCarousel .wrapper ul 	{ width: 9999px;  margin: 0; padding: 0; position: absolute; top: 0; list-style: none; } .flyoutCarousel .wrapper li { float: left; padding: 5px; } .flyoutCarousel .wrapper a { display: block; height: 200px; width: 150px; border: 0; } .flyoutCarousel .thumb { width: 150px; float: left; } .flyoutCarousel h3 { margin: 0; padding: 5px 0 10px 0; border-bottom: 1px solid #ccc; } .flyoutCarousel h5 { margin: 2px 0; padding: 0; font-size: 14px; line-height: 20px; vertical-align: middle; text-align: center; background: #ccc; border: 1px solid #999; } .flyoutCarousel p { margin: .5em 0 0 0; padding: 0; } .flyoutCarousel p.readMore { margin: 0 10px 0 0; text-align: right; color: #00f; text-decoration: underline; } .flyoutCarousel p.readMore a { display: inline; } .flyoutCarousel .thumb img	{ border-width: 0px; } .flyoutCarousel .info { width: 300px; float: left; margin-left: 20px; } .flyoutCarousel .hidden { display: none; } .flyoutCarousel a.arrow { display: block; height: 240px; width: 25px; text-indent: -9999px; position: absolute; top: 0px; cursor: pointer; background: #ccc url("http://weludwig.com/wp-content/uploads/2010/02/arrow.png") no-repeat 0 0; border: 1px solid #999; } .flyoutCarousel a.arrow:hover { background: #999 url("http://weludwig.com/wp-content/uploads/2010/02/arrow.png"); border-color: #333; } .flyoutCarousel a.forward { background-position: 0 0; right: -5px; } .flyoutCarousel a.back { background-position: -25px 0; left: -3px; } .flyoutCarousel a.forward:hover { background-position: 0 0; } .flyoutCarousel a.back:hover { background-position: -25px 0; } .flyoutCarousel a.inactive { background-position: -50px 0; } .flyoutCarousel a.inactive:hover { background-position: -50px 0; } </style>
<p><script src="http://weludwig.com/scripts/flyout-carousel.js"></script></p>
<div class="flyoutCarousel">
<div class="wrapper">
<ul>
<li>
<div class="thumb">
<h5>Iron Man</h5>
<p><a href="#"><img src="http://weludwig.com/wp-content/uploads/2010/02/iron-man.jpg" alt="Carousel 1" width="150" height="200" /></a></p>
</div>
<div class="info hidden">
<h3>Real Name: Tony Stark</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum facilisis vestibulum lorem. Donec nisi mauris, eleifend ut sagittis sit amet, rhoncus et risus. Etiam leo tortor, interdum vel suscipit vel, vestibulum sed nibh. Aenean auctor sem a dolor condimentum at cursus tellus malesuada.</p>
<p class="citation"><a href="http://caiocacau.deviantart.com/art/Iron-Man-85025676">Image © ~caicacau</a></p>
</div>
</li>
<li>
<div class="thumb">
<h5>Batman</h5>
<p><a href="#"><img src="http://weludwig.com/wp-content/uploads/2010/02/batman.jpg" alt="Carousel 2" width="150" height="200" /></a></p>
</div>
<div class="info hidden">
<h3>Real Name: Bruce Wayne</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum facilisis vestibulum lorem. Donec nisi mauris, eleifend ut sagittis sit amet, rhoncus et risus. Etiam leo tortor, interdum vel suscipit vel, vestibulum sed nibh. Aenean auctor sem a dolor condimentum at cursus tellus malesuada.</p>
<p class="citation"><a href="http://blondthecolorist.deviantart.com/art/Batman-51542709">Image © ~BlondeTheColorist</a></p>
</div>
</li>
<li>
<div class="thumb">
<h5>Psylocke</h5>
<p><a href="#"><img src="http://weludwig.com/wp-content/uploads/2010/02/psylocke.jpg" alt="Carousel 3" width="150" height="200" /></a></p>
</div>
<div class="info hidden">
<h3>Real Name: Elizabeth Braddock</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum facilisis vestibulum lorem. Donec nisi mauris, eleifend ut sagittis sit amet, rhoncus et risus. Etiam leo tortor, interdum vel suscipit vel, vestibulum sed nibh. Aenean auctor sem a dolor condimentum at cursus tellus malesuada.</p>
<p class="citation"><a href="http://earache-j.deviantart.com/art/Psylocke-58461056">Image © ~earache-J</a></p>
</div>
</li>
<li>
<div class="thumb">
<h5>Wolverine</h5>
<p><a href="#"><img src="http://weludwig.com/wp-content/uploads/2010/02/wolverine.jpg" alt="Carousel 1" width="150" height="200" /></a></p>
</div>
<div class="info hidden">
<h3>Real Name: James Howlett</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum facilisis vestibulum lorem. Donec nisi mauris, eleifend ut sagittis sit amet, rhoncus et risus. Etiam leo tortor, interdum vel suscipit vel, vestibulum sed nibh. Aenean auctor sem a dolor condimentum at cursus tellus malesuada.</p>
<p class="citation"><a href="http://dashmartin.deviantart.com/art/Wolverine-104936008">Image © ~DashMartin</a></p>
</div>
</li>
<li>
<div class="thumb">
<h5>Catwoman</h5>
<p><a href="#"><img src="http://weludwig.com/wp-content/uploads/2010/02/catwoman.jpg" alt="Carousel 1" width="150" height="200" /></a></p>
</div>
<div class="info hidden">
<h3>Real Name: Selina Kyle</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum facilisis vestibulum lorem. Donec nisi mauris, eleifend ut sagittis sit amet, rhoncus et risus. Etiam leo tortor, interdum vel suscipit vel, vestibulum sed nibh. Aenean auctor sem a dolor condimentum at cursus tellus malesuada.</p>
<p class="citation"><a href="http://rhoogers.deviantart.com/art/Catwoman-49862397">Image © ~rhoogers</a></p>
</div>
</li>
<li>
<div class="thumb">
<h5>the Hulk</h5>
<p><a href="#"><img src="http://weludwig.com/wp-content/uploads/2010/02/hulk.jpg" alt="Carousel 1" width="150" height="200" /></a></p>
</div>
<div class="info hidden">
<h3>Real Name: Bruce Banner</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum facilisis vestibulum lorem. Donec nisi mauris, eleifend ut sagittis sit amet, rhoncus et risus. Etiam leo tortor, interdum vel suscipit vel, vestibulum sed nibh. Aenean auctor sem a dolor condimentum at cursus tellus malesuada.</p>
<p class="citation"><a href="http://kego44.deviantart.com/art/Hulk-cover-92217145">Image © ~KEGO44</a></p>
</div>
</li>
<li>
<div class="thumb">
<h5>Tank Girl</h5>
<p><a href="#"><img src="http://weludwig.com/wp-content/uploads/2010/02/tank-girl.jpg" alt="Carousel 1" width="150" height="200" /></a></p>
</div>
<div class="info hidden">
<h3>Real Name: No idea</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum facilisis vestibulum lorem. Donec nisi mauris, eleifend ut sagittis sit amet, rhoncus et risus. Etiam leo tortor, interdum vel suscipit vel, vestibulum sed nibh. Aenean auctor sem a dolor condimentum at cursus tellus malesuada.</p>
<p class="citation"><a href="http://monkeyseed.deviantart.com/art/Tank-Girl-13749085">Image © ~MonkeySeed</a></p>
</div>
</li>
<li>
<div class="thumb">
<h5>Shadowcat</h5>
<p><a href="#"><img src="http://weludwig.com/wp-content/uploads/2010/02/shadowcat.jpg" alt="Carousel 1" width="150" height="200" /></a></p>
</div>
<div class="info hidden">
<h3>Real Name: Anne &#8220;Kitty&#8221; Pride</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum facilisis vestibulum lorem. Donec nisi mauris, eleifend ut sagittis sit amet, rhoncus et risus. Etiam leo tortor, interdum vel suscipit vel, vestibulum sed nibh. Aenean auctor sem a dolor condimentum at cursus tellus malesuada.</p>
<p class="citation"><a href="http://windriderx23.deviantart.com/art/Shadowcat-Commission-Color-144637746">Image © ~windriderx23</a></p>
</div>
</li>
<li>
<div class="thumb">
<h5>Spawn</h5>
<p><a href="#"><img src="http://weludwig.com/wp-content/uploads/2010/02/spawn.jpg" alt="Carousel 1" width="150" height="200" /></a></p>
</div>
<div class="info hidden">
<h3>Real Name: Al Simmons</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum facilisis vestibulum lorem. Donec nisi mauris, eleifend ut sagittis sit amet, rhoncus et risus. Etiam leo tortor, interdum vel suscipit vel, vestibulum sed nibh. Aenean auctor sem a dolor condimentum at cursus tellus malesuada.</p>
<p class="citation"><a href="http://alentrix.deviantart.com/art/Spawn-6269587">Image © ~Alentrix</a></p>
</div>
</li>
</ul>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://weludwig.com/development/jquery-flyout-carousel/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>I have fallen behind already</title>
		<link>http://weludwig.com/better-blogging/i-have-fallen-behind-already</link>
		<comments>http://weludwig.com/better-blogging/i-have-fallen-behind-already#comments</comments>
		<pubDate>Sat, 17 Jul 2010 03:48:02 +0000</pubDate>
		<dc:creator>William Ludwig</dc:creator>
				<category><![CDATA[Better Blogging]]></category>
		<category><![CDATA[theChallenge]]></category>

		<guid isPermaLink="false">http://weludwig.com/?p=173</guid>
		<description><![CDATA[but only because my computer got a virus and I had to reformat and reinstall Windows. I came very close to installing linux again but since Ubuntu still doesn&#8217;t really support dual monitors and for about 500 other little reasons I didn&#8217;t. Everything is up and running properly now so I will be catching up [...]]]></description>
			<content:encoded><![CDATA[<p>but only because my computer got a virus and I had to reformat and reinstall Windows.  I came very close to installing linux again but since Ubuntu still doesn&#8217;t really support dual monitors and for about 500 other little reasons I didn&#8217;t.</p>
<p>Everything is up and running properly now so I will be catching up this weekend.  My plan is to give the videos a quick watch during work today and then do the exercises when I get home.  Got to the love the new format.</p>
]]></content:encoded>
			<wfw:commentRss>http://weludwig.com/better-blogging/i-have-fallen-behind-already/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
