<?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>davegruen.com &#187; Web Design</title>
	<atom:link href="http://www.davegruen.com/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.davegruen.com</link>
	<description>A place of useless information</description>
	<lastBuildDate>Sat, 12 Feb 2011 23:53:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.5</generator>
		<item>
		<title>Twitter Widget</title>
		<link>http://www.davegruen.com/2009/09/22/twitter-widget/</link>
		<comments>http://www.davegruen.com/2009/09/22/twitter-widget/#comments</comments>
		<pubDate>Tue, 22 Sep 2009 14:55:06 +0000</pubDate>
		<dc:creator>HiddenVorlon</dc:creator>
				<category><![CDATA[What's Cool?]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.davegruen.com/?p=406</guid>
		<description><![CDATA[&#160; Fooling around with a Twitter widget&#8230; &#160; new TWTR.Widget({ profile: true, id: 'twtr-profile-widget', loop: true, width: 250, height: 300, theme: { shell: { background: '#000000', color: '#c00000' }, tweets: { background: '#1f2025', color: '#b1b1b5', links: '#ffffff' } } }).render().setProfile('bolderimage').start();]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p>Fooling around with a Twitter widget&#8230;</p>
<p>&nbsp;</p>
<div id="twtr-profile-widget"></div>
<p><script src="http://widgets.twimg.com/j/1/widget.js"></script></p>
<link href="http://widgets.twimg.com/j/1/widget.css" type="text/css" rel="stylesheet">
<script>
new TWTR.Widget({
  profile: true,
  id: 'twtr-profile-widget',
  loop: true,
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#000000',
      color: '#c00000'
    },
    tweets: {
      background: '#1f2025',
      color: '#b1b1b5',
      links: '#ffffff'
    }
  }
}).render().setProfile('bolderimage').start();
</script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.davegruen.com/2009/09/22/twitter-widget/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>BolderImage Fan Page on FaceBook</title>
		<link>http://www.davegruen.com/2009/08/13/bolderimage-fan-page-on-facebook/</link>
		<comments>http://www.davegruen.com/2009/08/13/bolderimage-fan-page-on-facebook/#comments</comments>
		<pubDate>Thu, 13 Aug 2009 02:35:40 +0000</pubDate>
		<dc:creator>HiddenVorlon</dc:creator>
				<category><![CDATA[What's Cool?]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.davegruen.com/?p=387</guid>
		<description><![CDATA[Now you can check out the BolderImage Web Design page on Fracebook: &#160; FB.init("d84a084cc5c9c0dca411aad52d9fcb5a"); BolderImage on Facebook]]></description>
			<content:encoded><![CDATA[<p>Now you can check out the <a href="http://www.bolderimage.com/chicago-web-design" target="_blank">BolderImage Web Design</a> page on Fracebook:</p>
<p>&nbsp;</p>
<p><script src="http://static.ak.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US" type="text/javascript"></script><script type="text/javascript">FB.init("d84a084cc5c9c0dca411aad52d9fcb5a");</script></p>
<p><fb:fan width="300" connections="10" stream="1" profile_id="79501221040"></fb:fan></p>
<div style="font-size: 8px; padding-left: 10px;"><a href="http://www.facebook.com/pages/Villa-Park-IL/BolderImage/79501221040">BolderImage</a> on Facebook</div>
]]></content:encoded>
			<wfw:commentRss>http://www.davegruen.com/2009/08/13/bolderimage-fan-page-on-facebook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Building a Better Website Day #10</title>
		<link>http://www.davegruen.com/2009/02/23/building_website/</link>
		<comments>http://www.davegruen.com/2009/02/23/building_website/#comments</comments>
		<pubDate>Mon, 23 Feb 2009 02:46:07 +0000</pubDate>
		<dc:creator>HiddenVorlon</dc:creator>
				<category><![CDATA[What's Cool?]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.davegruen.com/?p=333</guid>
		<description><![CDATA[Today I&#160;added specially formatted pages for the iPhone/iTouch.&#160; I&#160;only added pages for the latest news and individual news article pages, maybe some day I&#8217;ll do the rest of the site, but for now, we only needed the two main pages. The first step was to detect if we are using an iPhone.&#160; dim sDevice sDevice [...]]]></description>
			<content:encoded><![CDATA[<p>Today I&nbsp;added specially formatted pages for the iPhone/iTouch.&nbsp; I&nbsp;only added pages for the latest news and individual news article pages, maybe some day I&#8217;ll do the rest of the site, but for now, we only needed the two main pages.</p>
<p>The first step was to detect if we are using an iPhone.&nbsp;</p>
<blockquote></blockquote>
<p style="margin-left: 40px;"><em>dim sDevice<br />
sDevice = LCase(Request.ServerVariables(&quot;HTTP_USER_AGENT&quot;))<br />
if InStr( sDevice, &quot;iphone&quot; ) then <br />
&nbsp;&nbsp;&nbsp; Response.Redirect &quot;iphone.asp&quot;<br />
end if</em></p>
<blockquote></blockquote>
<p>Once I&nbsp;detect the iPhone, we just redirect to a new page that is just formatted for the iPhone. &nbsp;I&nbsp;could have gotten fancy and had the same page render differently, but I&nbsp;figured it was easier to just have them go do a different page.&nbsp; Since the screensize is 320&#215;480 in portrait mode, we need to make sure that the whole page doesn&#8217;t exceed 320 pixels.&nbsp; You can do that through a special meta tag:</p>
<blockquote></blockquote>
<p style="margin-left: 40px;"><em>&lt;meta name=&quot;viewport&quot; content=&quot;width=320&quot;&gt;</em></p>
<blockquote></blockquote>
<p>Now that we&#8217;ve detected the iPhone and set the page width, the rest is just a matter of formatting on the page. &nbsp;You can see the result online at: <a href="http://www.comicbooknews.us/iphone.asp">http://www.comicbooknews.us/iphone.asp</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.davegruen.com/2009/02/23/building_website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Building a Better Website Day #9</title>
		<link>http://www.davegruen.com/2009/02/15/building-a-better-website-day-9/</link>
		<comments>http://www.davegruen.com/2009/02/15/building-a-better-website-day-9/#comments</comments>
		<pubDate>Sun, 15 Feb 2009 04:45:13 +0000</pubDate>
		<dc:creator>HiddenVorlon</dc:creator>
				<category><![CDATA[What's Cool?]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.davegruen.com/?p=329</guid>
		<description><![CDATA[I&#160;actually had a few hours tonight to work on the site. &#160;Most of the pages are now reskinned.&#160; I&#160;have a few oddball pages that aren&#8217;t skinned yet, but I&#8217;ll get to those in the upcomming days.&#160; Unless there&#8217;s any major problems tomorrow, I&#8217;ll roll the new pages into production. &#160; Stay tunned&#8230;]]></description>
			<content:encoded><![CDATA[<p>I&nbsp;actually had a few hours tonight to work on the site. &nbsp;Most of the pages are now reskinned.&nbsp; I&nbsp;have a few oddball pages that aren&#8217;t skinned yet, but I&#8217;ll get to those in the upcomming days.&nbsp; Unless there&#8217;s any major problems tomorrow, I&#8217;ll roll the new pages into production. &nbsp;</p>
<p>Stay tunned&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davegruen.com/2009/02/15/building-a-better-website-day-9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Building a Better Website Day #8</title>
		<link>http://www.davegruen.com/2009/02/10/building-a-better-website-day-8/</link>
		<comments>http://www.davegruen.com/2009/02/10/building-a-better-website-day-8/#comments</comments>
		<pubDate>Tue, 10 Feb 2009 05:24:24 +0000</pubDate>
		<dc:creator>HiddenVorlon</dc:creator>
				<category><![CDATA[What's Cool?]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.davegruen.com/?p=327</guid>
		<description><![CDATA[Building a better http://www.comicbooknews.us&#8230; I&#160;finally have the homepage template completed.&#160; The lightbox tool that I&#160;was using wouldn&#8217;t work in the new design &#8211; so I&#160;had to scrounge up another one. &#160;I found a great example online at:&#160;http://leandrovieira.com/projects/jquery/lightbox/.&#160; The jquery toolset is pretty good and this is a great example. Now that the homepage template is [...]]]></description>
			<content:encoded><![CDATA[<p>Building a better http:<a href="//www.comicbooknews.us">//www.comicbooknews.us</a>&#8230;</p>
<p>I&nbsp;finally have the homepage template completed.&nbsp; The lightbox tool that I&nbsp;was using wouldn&#8217;t work in the new design &#8211; so I&nbsp;had to scrounge up another one. &nbsp;I found a great example online at:&nbsp;<a href="http://leandrovieira.com/projects/jquery/lightbox/" target="_blank">http://leandrovieira.com/projects/jquery/lightbox/</a>.&nbsp; The jquery toolset is pretty good and this is a great example.</p>
<p>Now that the homepage template is done, I&nbsp;can move on to the rest of the site. &nbsp;I&#8217;m going to start with the specific news article page and move from there.</p>
<p>More updates on day #9&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davegruen.com/2009/02/10/building-a-better-website-day-8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>First post from my iTouch</title>
		<link>http://www.davegruen.com/2009/02/07/first-post-from-my-itouch/</link>
		<comments>http://www.davegruen.com/2009/02/07/first-post-from-my-itouch/#comments</comments>
		<pubDate>Sat, 07 Feb 2009 14:39:37 +0000</pubDate>
		<dc:creator>HiddenVorlon</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.davegruen.com/2009/02/07/first-post-from-my-itouch/</guid>
		<description><![CDATA[This is the first post using the iPhone WordPress app. While the keyboard on the iTouch leaves a lot to be desired, the app is pretty cool. Now if only I had enough important things to say to warrant a mobile blog app.]]></description>
			<content:encoded><![CDATA[<p>This is the first post using the iPhone WordPress app.  While the keyboard on the iTouch leaves a lot to be desired, the app is pretty cool.  Now if only I had enough important things to say to warrant a mobile blog app.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davegruen.com/2009/02/07/first-post-from-my-itouch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Building a Better Website Day #7</title>
		<link>http://www.davegruen.com/2009/01/26/building-a-better-website-day-7/</link>
		<comments>http://www.davegruen.com/2009/01/26/building-a-better-website-day-7/#comments</comments>
		<pubDate>Mon, 26 Jan 2009 03:41:35 +0000</pubDate>
		<dc:creator>HiddenVorlon</dc:creator>
				<category><![CDATA[What's Cool?]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.davegruen.com/?p=321</guid>
		<description><![CDATA[Well, I&#160;had a few hours this evening to work on an updated design for the site.&#160; I made a lot of progress.&#160; I still have to fix the pesky AJAX control for the main news story popup window.&#160; I&#8217;m looking forward to rolling out the functionality to the rest of the site. So far, I&#160;like [...]]]></description>
			<content:encoded><![CDATA[<p>Well, I&nbsp;had a few hours this evening to work on an updated design for the site.&nbsp; I made a lot of progress.&nbsp; I still have to fix the pesky AJAX control for the main news story popup window.&nbsp; I&#8217;m looking forward to rolling out the functionality to the rest of the site.</p>
<p>So far, I&nbsp;like the design. &nbsp;It still is pretty utilitarian, but I&nbsp;like it:</p>
<p style="text-align: center;"><img height="465" width="500" src="http://www.davegruen.com/wp-content/uploads/comicbooknews-old(1).jpg" alt="" /></p>
<p style="text-align: center;">Old Site</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><img height="463" width="500" src="http://www.davegruen.com/wp-content/uploads/comicbooknews-new.jpg" alt="" /></p>
<p style="text-align: center;">New Site</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: left;">So, the next step is to fix the AJAX popup window, clean up a little CSS, and then roll it out to the rest of the site.</p>
<p>&nbsp;</p>
<p style="text-align: center;">&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davegruen.com/2009/01/26/building-a-better-website-day-7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Building a Better Website Day #6</title>
		<link>http://www.davegruen.com/2009/01/25/building-a-better-website-day-6/</link>
		<comments>http://www.davegruen.com/2009/01/25/building-a-better-website-day-6/#comments</comments>
		<pubDate>Sun, 25 Jan 2009 05:02:29 +0000</pubDate>
		<dc:creator>HiddenVorlon</dc:creator>
				<category><![CDATA[What's Cool?]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.davegruen.com/?p=319</guid>
		<description><![CDATA[The homepage is just about complete. &#160;I still have some HTML&#160;warnings to clean up, but I&#8217;ve got the functionality in place (and things are behaving pretty well in both IE and firefox). So, what I&#160;have left on the homepage is: Clean up HTML&#160;warnings Fix the AJAX popup window for the main story&#8217;s image. Tighten up [...]]]></description>
			<content:encoded><![CDATA[<p>The homepage is just about complete. &nbsp;I still have some HTML&nbsp;warnings to clean up, but I&#8217;ve got the functionality in place (and things are behaving pretty well in both IE and firefox).</p>
<p>So, what I&nbsp;have left on the homepage is:</p>
<ul>
<li>Clean up HTML&nbsp;warnings</li>
<li>Fix the AJAX popup window for the main story&#8217;s image.</li>
<li>Tighten up the right column a bit</li>
<li>Review ad placement</li>
<li>Review SEO &#8211; I&nbsp;think we&#8217;re 99% of the way there.</li>
<li>Create a new logo.</li>
</ul>
<p>Once I&nbsp;am done with that &#8211; I&nbsp;can move forward on the rest of the site.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davegruen.com/2009/01/25/building-a-better-website-day-6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Building a Better Website Day #5</title>
		<link>http://www.davegruen.com/2009/01/19/building-a-better-website-day-5/</link>
		<comments>http://www.davegruen.com/2009/01/19/building-a-better-website-day-5/#comments</comments>
		<pubDate>Mon, 19 Jan 2009 04:20:15 +0000</pubDate>
		<dc:creator>HiddenVorlon</dc:creator>
				<category><![CDATA[What's Cool?]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.davegruen.com/?p=317</guid>
		<description><![CDATA[I&#160;made great progress the last 2 days on the updated comicbooknews website. &#160;I&#160;had a good couple of hours this weekend to work on it. I&#8217;ve got the navigation pretty solid now.&#160; Rule #1 when developing a new website is to make sure you&#8217;re testing in IE&#160;and FireFox the whole time instead of going down a [...]]]></description>
			<content:encoded><![CDATA[<p>I&nbsp;made great progress the last 2 days on the updated <a href="http://www.comicbooknews.us">comicbooknews </a>website. &nbsp;I&nbsp;had a good couple of hours this weekend to work on it.</p>
<p>I&#8217;ve got the navigation pretty solid now.&nbsp; Rule #1 when developing a new website is to make sure you&#8217;re testing in IE&nbsp;and FireFox the whole time instead of going down a long path, only testing on one browser.&nbsp; The navigation is solid and I&#8217;ve added an enhanced &quot;Featured Stories&quot; section. &nbsp;The functionality is similar to the existing site, but I&nbsp;added a little more SEO&nbsp;and fixed the randomly pulled story.</p>
<p>The Google Ads are in place, although I&nbsp;may swap out the ad list on the left side for something else, but the rest of the ads are in place.</p>
<p>Tommorrow I&nbsp;need to see if I&nbsp;can fix the main story popup ajax window in IE. &nbsp;It works great in FireFox but not IE.&nbsp; After that, I&#8217;ll add the next 9 stories to the right of the main story.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davegruen.com/2009/01/19/building-a-better-website-day-5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Building a Better Website Day #3</title>
		<link>http://www.davegruen.com/2009/01/16/building-a-better-website-day-3/</link>
		<comments>http://www.davegruen.com/2009/01/16/building-a-better-website-day-3/#comments</comments>
		<pubDate>Fri, 16 Jan 2009 04:13:33 +0000</pubDate>
		<dc:creator>HiddenVorlon</dc:creator>
				<category><![CDATA[What's Cool?]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.davegruen.com/?p=315</guid>
		<description><![CDATA[I&#8217;ve decided to number the days on the project by the days I&#160;have time to work on the project, not actual days since I&#160;probably only have time to work on it once, maybe twice a week.&#160; I&#160;have most of the navigation set now &#8211; maybe a few tweaks left and some CSS changes, but that&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve decided to number the days on the project by the days I&nbsp;have time to work on the project, not actual days since I&nbsp;probably only have time to work on it once, maybe twice a week.&nbsp; </p>
<p>I&nbsp;have most of the navigation set now &#8211; maybe a few tweaks left and some CSS changes, but that&#8217;s pretty close to being nailed down.&nbsp; I have ads in place for the header, right side and under the nav, so we&#8217;re good there.&nbsp; &nbsp;I&nbsp;have the latest story in place, but now I&#8217;m working on adding the nice AJAX fade in/fade out that I&nbsp;have on the existing site when someone clicks on the main news story comic cover.&nbsp; That should go pretty easily and then I&#8217;ll clean up the CSS.</p>
<p>The next part of the development will be to add the next 9 news stories to the right of the main story.&nbsp; Most of that functionality is already done on the existing site, so it shouldn&#8217;t be too difficul to port over.</p>
<p>If only I&nbsp;could find the time&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davegruen.com/2009/01/16/building-a-better-website-day-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

