<?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>Middle Ear Media &#187; redesign</title>
	<atom:link href="http://middleearmedia.com/tag/redesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://middleearmedia.com</link>
	<description>Transforming Ideas Into Designs</description>
	<lastBuildDate>Thu, 02 Sep 2010 15:12:06 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The 2010 Anthony Line</title>
		<link>http://middleearmedia.com/2010/06/07/the-2010-anthony-line/</link>
		<comments>http://middleearmedia.com/2010/06/07/the-2010-anthony-line/#comments</comments>
		<pubDate>Tue, 08 Jun 2010 00:10:56 +0000</pubDate>
		<dc:creator>obadiah</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Anthony & Co.]]></category>
		<category><![CDATA[CSS Sprites]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[The Anthony Line]]></category>

		<guid isPermaLink="false">http://middleearmedia.com/?p=803</guid>
		<description><![CDATA[Although Anthony &#38; Co., Inc. has been producing advertising specialty items for over fifty years, I’ve only been designing their web site for twelve. The last major update was done about three years ago, so I was glad to get a chance to redesign basically from scratch. The idea here was to create a simple, [...]]]></description>
			<content:encoded><![CDATA[<p>Although Anthony &amp; Co., Inc. has been producing advertising specialty items for over fifty years, I’ve only been designing their web site for twelve. The last major update was done about three years ago, so I was glad to get a chance to redesign basically from scratch. The idea here was to create a simple, modern design that matched the look of existing brochures.</p>
<p><img class="post-image" title="The Anthony Line" src="/Assets/images/anthonyline.jpg" alt="The Anthony Line" /><br />
<span id="more-803"></span></p>
<p>This web site was designed with <acronym title="PHP Hypertext Preprocessor">PHP</acronym> in order to utilize some of it’s advance features. A modular design was implemented to reduce redundancy. So, any element of the design that is repeated on multiple pages was written in a separate file that is added dynamically when the page loads. Also, the date in the copyright section of the footer automatically updates on the first of every year.</p>
<p>I used some <acronym title="Cascading Style Sheet">CSS</acronym> trickery to add some nice features. For instance, the main navigation bar knows what page is currently loaded and styles the corresponding link to let the visitor know what page they’re on. These particular links are also made non clickable since they lead to the same place. This should help to reduce confusion for the user.</p>
<p><img class="post-image" title="The Anthony Line" src="/Assets/images/anthonyline1.jpg" alt="The Anthony Line" /></p>
<p>Speaking of which, I wanted to make navigation very easy and intuitive. The product pages have a sub-navigation section with links to all product pages so all the products can be reached easily. These links, like the main navigation, behave differently depending on which page is loaded. </p>
<p>Each product page has a reminder about artwork specifications running vertically along the left edge. When clicked, the general information page is loaded. Also, to save the users from extensive scrolling, a <em>“Back to Top”</em> link was added to the lower right hand corner of all product pages.</p>
<p><img class="post-image" title="The Anthony Line" src="/Assets/images/anthonyline2.jpg" alt="The Anthony Line" /></p>
<p>Another cool feature is located on the main product page. Images of the products are laid out in a thumbnail gallery. Using CSS sprites and the JavaScript library JQuery, I added an animated hover effect that turns the image to gray scale and fades in a dark inner glow. </p>
<p>Check out <a href="http://anthonyco.com/" target="_blank" title="Visit anthonyco.com" class="more-link">anthonyco.com</a> to see the web site for yourself. </p>


<!-- Begin SexyBookmarks Menu Code -->
<div class="sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center">
<ul class="socials">
		<li class="sexy-facebook">
			<a href="http://www.facebook.com/share.php?u=http://middleearmedia.com/2010/06/07/the-2010-anthony-line/&amp;t=The+2010+Anthony+Line" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="sexy-twitter">
			<a href="http://twitter.com/home?status=The+2010+Anthony+Line+-+File: /data/app/webapp/functions.php<br />Line: 7<br />Message: Can't connect to local MySQL server through socket '/var/run/mysqld/mysqld.sock' (11)+" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="sexy-myspace">
			<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://middleearmedia.com/2010/06/07/the-2010-anthony-line/&amp;t=The+2010+Anthony+Line" rel="nofollow" class="external" title="Post this to MySpace">Post this to MySpace</a>
		</li>
		<li class="sexy-delicious">
			<a href="http://del.icio.us/post?url=http://middleearmedia.com/2010/06/07/the-2010-anthony-line/&amp;title=The+2010+Anthony+Line" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="sexy-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://middleearmedia.com/2010/06/07/the-2010-anthony-line/&amp;title=The+2010+Anthony+Line" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="sexy-reddit">
			<a href="http://reddit.com/submit?url=http://middleearmedia.com/2010/06/07/the-2010-anthony-line/&amp;title=The+2010+Anthony+Line" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="sexy-scriptstyle">
			<a href="http://scriptandstyle.com/submit?url=http://middleearmedia.com/2010/06/07/the-2010-anthony-line/&amp;title=The+2010+Anthony+Line" rel="nofollow" class="external" title="Submit this to Script &amp; Style">Submit this to Script &amp; Style</a>
		</li>
		<li class="sexy-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://middleearmedia.com/2010/06/07/the-2010-anthony-line/&amp;title=The+2010+Anthony+Line" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
<!-- End SexyBookmarks Menu Code -->

]]></content:encoded>
			<wfw:commentRss>http://middleearmedia.com/2010/06/07/the-2010-anthony-line/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Major site redesign</title>
		<link>http://middleearmedia.com/2009/09/09/major-site-redesign/</link>
		<comments>http://middleearmedia.com/2009/09/09/major-site-redesign/#comments</comments>
		<pubDate>Wed, 09 Sep 2009 17:20:31 +0000</pubDate>
		<dc:creator>obadiah</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[Content Man]]></category>
		<category><![CDATA[Content Management System]]></category>
		<category><![CDATA[Middle EAR Media]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordPress Themes]]></category>

		<guid isPermaLink="false">http://www.middleearmedia.com/?p=1</guid>
		<description><![CDATA[Wow, it’s been almost two years since the last major site redesign here at Middle Ear Media. A lot has happened since then. It might take a couple days to get everything in order, but I just couldn’t wait any longer. 
I went with a whole new look for the site, but I plan on [...]]]></description>
			<content:encoded><![CDATA[<p>Wow, it’s been almost two years since the last major site redesign here at Middle Ear Media. A lot has happened since then. It might take a couple days to get everything in order, but I just couldn’t wait any longer. </p>
<p>I went with a whole new look for the site, but I plan on bringing the old look back with an Optional-Theme button where the user can select which Theme is used to display the site. </p>
<p><img src="/Assets/images/old-site.jpg" alt="Screen shot of the old site" title="Screen shot of the old site" class="post-image" /><br />
<span id="more-1"></span><br />
For the new site, I’m using WordPress as the <acronym title="Content Management System">CMS</acronym>. I designed a custom WordPress Theme for Middle EAR Media that makes use of many built-in features of WordPress. You can now conduct a search of the entire site, subscribe via <acronym title="Really Simple Sindication">RSS</acronym> or email, leave comments, and much more.</p>
<p><img src="/Assets/images/new-site.jpg" alt="Screen shot of the new site" title="Screen shot of the new site" class="post-image" /></p>
<p>As you can see, the new site has a blog section where I’ll be posting all kinds of stuff related to the projects I’m working on as well as web design in general. So hang tight while I work out the kinks and check back soon.</p>


<!-- Begin SexyBookmarks Menu Code -->
<div class="sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center">
<ul class="socials">
		<li class="sexy-facebook">
			<a href="http://www.facebook.com/share.php?u=http://middleearmedia.com/2009/09/09/major-site-redesign/&amp;t=Major+site+redesign" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="sexy-twitter">
			<a href="http://twitter.com/home?status=Major+site+redesign+-+File: /data/app/webapp/functions.php<br />Line: 7<br />Message: Too many connections+" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="sexy-myspace">
			<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://middleearmedia.com/2009/09/09/major-site-redesign/&amp;t=Major+site+redesign" rel="nofollow" class="external" title="Post this to MySpace">Post this to MySpace</a>
		</li>
		<li class="sexy-delicious">
			<a href="http://del.icio.us/post?url=http://middleearmedia.com/2009/09/09/major-site-redesign/&amp;title=Major+site+redesign" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="sexy-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://middleearmedia.com/2009/09/09/major-site-redesign/&amp;title=Major+site+redesign" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="sexy-reddit">
			<a href="http://reddit.com/submit?url=http://middleearmedia.com/2009/09/09/major-site-redesign/&amp;title=Major+site+redesign" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="sexy-scriptstyle">
			<a href="http://scriptandstyle.com/submit?url=http://middleearmedia.com/2009/09/09/major-site-redesign/&amp;title=Major+site+redesign" rel="nofollow" class="external" title="Submit this to Script &amp; Style">Submit this to Script &amp; Style</a>
		</li>
		<li class="sexy-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://middleearmedia.com/2009/09/09/major-site-redesign/&amp;title=Major+site+redesign" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
<!-- End SexyBookmarks Menu Code -->

]]></content:encoded>
			<wfw:commentRss>http://middleearmedia.com/2009/09/09/major-site-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
