<?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>Web Design</title>
	<atom:link href="http://bradfordsherrill.com/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://bradfordsherrill.com/web-design</link>
	<description></description>
	<lastBuildDate>Thu, 12 Aug 2010 00:53: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>The New Big Ten Logo</title>
		<link>http://bradfordsherrill.com/web-design/big-ten-logo/</link>
		<comments>http://bradfordsherrill.com/web-design/big-ten-logo/#comments</comments>
		<pubDate>Sun, 08 Aug 2010 22:17:41 +0000</pubDate>
		<dc:creator>Brad Sherrill</dc:creator>
				<category><![CDATA[College Football]]></category>
		<category><![CDATA[Sports]]></category>

		<guid isPermaLink="false">http://bradfordsherrill.com/web-design/?p=206</guid>
		<description><![CDATA[When the University of Nebraska joins the Big Ten in the 2011-2012 football season what will the Big Ten do with it's famous negative space logo?  ]]></description>
			<content:encoded><![CDATA[<p>
<span style="color:#BF8C24;"><strong>Big Ten Conference Football Logo</strong></span><br />
The Big Ten Conference will have a new member for the 2011-12 football season, respectively, the University of Nebraska Cornhuskers a.k.a. the Huskers.   If your a college football fan this is great news and this addition should be exciting for the future of the Big 10 Football Conference.<br />
<br />
(By the way, can Notre Dame, Kansas, Syracuse and Missouri hurry up and join the Big Ten before next season. Please?)
</p>
<p>
<span style="color:#BF8C24;"><strong>The Big Ten And It&#8217;s Logo</strong></span><img src="http://bradfordsherrill.com/web-design/wp-content/uploads/2010/08/big-ten-logo.jpg" alt="The Big Ten Logo" align="left" style="float:left;padding:6px;width:220px;" /><br />
The Big Ten Conference is a prestigious conference that&#8217;s made up of 11 universities primarily located in the Midwest.  The Big Ten Conference has a ton of history and it may also boast perhaps the most prestigious and creative sports logo design to date.  The Big 10 Conference logo uses negative space to depict the actual number of members in the conference,  which is 11.  A nicely designed negative space logo is classic.
</p>
<p>
<span style="color:#BF8C24;"><strong>College Football Season Is Almost Here</strong></span><br />
The start of the college football season is coming up in a few weeks and I have been thinking about what the Big Ten will do with it&#8217;s logo in 2011-12 season when Nebraska joins.  I am in absolutely no way affiliated with the Big Ten but I have decided to whip up a new version of the Big Ten logo for the 2011-12 school year. <br /> <br />
Ch-ch-check it out..
</p>
<p>
<span style="color:#BF8C24;"><strong>Download  Logo</strong></span><br />
<a href="http://www.bradfordsherrill.com/downloads/big_ten_logo.zip" style="color:#BF8C24;"><img src="http://bradfordsherrill.com/web-design/wp-content/uploads/2010/08/big-ten-logo12a.jpg" alt="The Big Ten Logo 12" target="_blank" /></a><br />
<a href="http://www.bradfordsherrill.com/downloads/big_ten_logo.zip" style="color:#BF8C24;" target="_blank">Big Ten Logo &#8211; Vector Download</a>
</p>
<p>
<span style="color:#BF8C24;"><strong>Other Sources</strong></span><br />
<a href="http://www.brandsoftheworld.com/logo/big-ten-conference-0" target="_blank">http://www.brandsoftheworld.com/logo/big-ten-conference</a><br />
BigTen with addition of Nebraska</p>
]]></content:encoded>
			<wfw:commentRss>http://bradfordsherrill.com/web-design/big-ten-logo/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>iPhone 4 HD Wallpapers</title>
		<link>http://bradfordsherrill.com/web-design/iphone-4-wallpaper/</link>
		<comments>http://bradfordsherrill.com/web-design/iphone-4-wallpaper/#comments</comments>
		<pubDate>Wed, 30 Jun 2010 23:34:18 +0000</pubDate>
		<dc:creator>Brad Sherrill</dc:creator>
				<category><![CDATA[wallpaper]]></category>
		<category><![CDATA[creative]]></category>
		<category><![CDATA[free iphone wallpaper]]></category>
		<category><![CDATA[hd wallpaper]]></category>
		<category><![CDATA[home screen wallpaper]]></category>
		<category><![CDATA[iphone 4]]></category>
		<category><![CDATA[lock screen wallpaper]]></category>
		<category><![CDATA[os4]]></category>
		<category><![CDATA[phone]]></category>

		<guid isPermaLink="false">http://bradfordsherrill.com/web-design/?p=119</guid>
		<description><![CDATA[<p>
If you have the new iPhone 4, you know that the new wallpaper feature is awesome and the picture quality is amazing. I was inspired and thought it would be cool to design some unique and creative <strong>iPhone 4 HD wallpapers</strong>.   Desktop wallpapers just like mobile wallpapers always come in handy and help give you a fresh perspective plus its just cool to see wallpapers in 326 PPI.</p>]]></description>
			<content:encoded><![CDATA[<p>
If you have the new <strong>iPhone 4</strong>, you know that the new <strong>wallpaper</strong> feature is awesome and the picture quality is amazing. I was inspired and thought it would be cool to design some unique and creative <strong>iPhone 4 HD wallpapers</strong>.   Desktop wallpapers just like mobile wallpapers always come in handy and help give you a fresh perspective plus its just cool to see wallpapers in 326 PPI.</p>
<p><strong>Please note:</strong></p>
<ul>
<li>This post features 11 free iPhone 4 HD wallpapers created by me, and all of them can be downloaded free.</li>
<li>The wallpaper looks way better once downloaded and viewed from your iPhone 4!</li>
<li>Wallpaper was made specifically for the iPhone 4 (640&#215;960) HD resolution.</li>
<li>From your iPhone 4&#8242;s Safari browser you may tap and hold until prompted to save images directly to the camera roll on your iPhone 4.</li>
</ul>
<p><img src="http://www.bradfordsherrill.com/images/iphone-4-wall-paper.png" alt="iphone wallpaper settings sample" width="160" />&nbsp;&nbsp;<img src="http://www.bradfordsherrill.com/images/iphone4-wallpaper-screen-shot.png" alt="i phone wall paper screen shot" width="160" /></p>
<p></p>
<h4>Free iPhone 4 Wallpaper Downloads</h4>
<ul style="list-style-type:none;">
<li style="display:inline;float:left;padding:3px;">
<h5>Brown Leather</h5>
<p><a href="http://www.bradfordsherrill.com/images/iphone-4-brown-leather-wallpaper.png"><img src="http://bradfordsherrill.com/images/iphone4-brown-leather-thumb.png" alt="iphone 4 brown leather wallpaper download" /></a><br />
<a href="http://www.bradfordsherrill.com/images/iphone-4-brown-leather-wallpaper.png">Download</a>
</li>
<li style="display:inline;float:left;padding:3px;">
<h5>Dirt</h5>
<p><a href="http://www.bradfordsherrill.com/images/iphone-4-dirt-wallpaper.png"><img src="http://bradfordsherrill.com/images/iphone4-dirt-thumb.png" alt="iphone 4 dirt wallpaper download" /></a><br />
<a href="http://www.bradfordsherrill.com/images/iphone-4-dirt-wallpaper.png">Download</a>
</li>
<li style="display:inline;float:left;padding:3px;">
<h5>Weave</h5>
<p><a href="http://www.bradfordsherrill.com/images/iphone-4-weave-wallpaper.png"><img src="http://bradfordsherrill.com/images/iphone4-weave-thumb.png" alt="iphone 4 weave wallpaper download" /></a><br />
<a href="http://www.bradfordsherrill.com/images/iphone-4-weave-wallpaper.png">Download</a>
</li>
<li style="display:inline;float:left;padding:3px;">
<h5>Ancient Metal</h5>
<p><a href="http://www.bradfordsherrill.com/images/iphone-4-ancient-metal-wallpaper.png"><img src="http://bradfordsherrill.com/images/iphone4-ancient-metal-thumb.png" alt="iphone 4 ancient metal wallpaper download" /></a><br />
<a href="http://www.bradfordsherrill.com/images/iphone-4-ancient-metal-wallpaper.png">Download</a>
</li>
<li style="display:inline;float:left;padding:3px;">
<h5>Black Wood</h5>
<p><a href="http://www.bradfordsherrill.com/images/iphone-4-black-wood-wallpaper.png"><img src="http://bradfordsherrill.com/images/iphone4-black-wood-thumb.png" alt="iphone 4 black wood wallpaper download" /></a><br />
<a href="http://www.bradfordsherrill.com/images/iphone-4-black-wood-wallpaper.png">Download</a>
</li>
<li style="display:inline;float:left;padding:3px;">
<h5>Wired Honeycomb</h5>
<p><a href="http://www.bradfordsherrill.com/images/iphone-4-blue-honeycomb-wallpaper.png"><img src="http://bradfordsherrill.com/images/iphone4-wired-honeycomb-thumb.png" alt="iphone 4 wired honeycomb wallpaper download" /></a><br />
<a href="http://www.bradfordsherrill.com/images/iphone-4-blue-honeycomb-wallpaper.png">Download</a>
</li>
<li style="display:inline;float:left;padding:3px;">
<h5>Brown</h5>
<p><a href="http://www.bradfordsherrill.com/images/iphone-4-brown-wallpaper.png"><img src="http://bradfordsherrill.com/images/iphone4-brown-thumb.png" alt="iphone 4 brown wallpaper download" /></a><br />
<a href="http://www.bradfordsherrill.com/images/iphone-4-brown-wallpaper.png">Download</a>
</li>
<li style="display:inline;float:left;padding:3px;">
<h5>Green Grass</h5>
<p><a href="http://www.bradfordsherrill.com/images/iphone-4-green-grass-wallpaper.png"><img src="http://bradfordsherrill.com/images/iphone4-green-grass-thumb.png" alt="iphone 4 green grass wallpaper download" /></a><br />
<a href="http://www.bradfordsherrill.com/images/iphone-4-green-grass-wallpaper.png">Download</a>
</li>
<li style="display:inline;float:left;padding:3px;">
<h5>Metallic Fiber</h5>
<p><a href="http://www.bradfordsherrill.com/images/iphone-4-metallic-fiber-wallpaper.png"><img src="http://bradfordsherrill.com/images/iphone4-metallic-fiber-thumb.png" alt="iphone 4 metallic fiber wallpaper download" /></a><br />
<a href="http://www.bradfordsherrill.com/images/iphone-4-metallic-fiber-wallpaper.png">Download</a>
</li>
<li style="display:inline;float:left;padding:3px;">
<h5>Ancient Wood</h5>
<p><a href="http://www.bradfordsherrill.com/images/iphone-4-ancient-wood-wallpaper.png"><img src="http://bradfordsherrill.com/images/iphone4-ancient-wood-thumb.png" alt="iphone 4 ancient wood wallpaper download" /></a><br />
<a href="http://www.bradfordsherrill.com/images/iphone-4-ancient-wood-wallpaper.png">Download</a>
</li>
<li style="display:inline;float:left;padding:3px;">
<h5>Driftwood</h5>
<p><a href="http://www.bradfordsherrill.com/images/iphone-4-drift-wood-wallpaper.png"><img src="http://bradfordsherrill.com/images/iphone4-driftwood-thumb.png" alt="iphone 4 driftwood wallpaper download" /></a><br />
<a href="http://www.bradfordsherrill.com/images/iphone-4-drift-wood-wallpaper.png">Download</a>
</li>
</ul>
<p><br style="clear:both;" /><br />
<span>Please add some comments below with screen shots (Power button + Home Button) of your iPhone&#8217;s home or lock screen, It would be great to see these wallpapers put to good use!</span></p>
]]></content:encoded>
			<wfw:commentRss>http://bradfordsherrill.com/web-design/iphone-4-wallpaper/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Animated PNG</title>
		<link>http://bradfordsherrill.com/web-design/animated-png/</link>
		<comments>http://bradfordsherrill.com/web-design/animated-png/#comments</comments>
		<pubDate>Wed, 23 Jun 2010 01:30:54 +0000</pubDate>
		<dc:creator>Brad Sherrill</dc:creator>
				<category><![CDATA[Animation]]></category>
		<category><![CDATA[adobe fireworks]]></category>
		<category><![CDATA[animated gif]]></category>
		<category><![CDATA[Animated PNG]]></category>
		<category><![CDATA[flash banner ad]]></category>
		<category><![CDATA[html 5]]></category>

		<guid isPermaLink="false">http://bradfordsherrill.com/web-design/?p=65</guid>
		<description><![CDATA[<p>The Animated PNG is the cousin of the MNG and the second cousin of the Static PNG.  You might be telling yourself, whaaa?  Now this is interesting, not to mention what is an animated PNG anyways?  The developers who came up with the original PNG(Portable Network Graphics) decided not to add support for animation.  So began work on another format MNG (Multiple-image Network Graphics).  This format never really caught on so much as the static PNG did so developers decided to come up with a new, or not so new format, the Animated PNG.</p>]]></description>
			<content:encoded><![CDATA[<p>The Animated PNG is the cousin of the MNG and the second cousin of the Static PNG.  You might be telling yourself, whaaa?  Now this is interesting, not to mention what is an animated PNG anyways?  The developers who came up with the original PNG(Portable Network Graphics) decided not to add support for animation.  So began work on another format MNG (Multiple-image Network Graphics).  This format never really caught on so much as the static PNG did so developers decided to come up with a new, or not so new format, the Animated PNG.</p>
<h2>Animation on the Web</h2>
<p>First there was the ancient era of the epic Animated GIF which ruled the web with often laggy yet sometimes humorous-like animations.   Then came the great renaissance / pre-modern period. Introducing the almighty Adobe Flash Movie (Macromedia at the time) that was allowing web designers to build not only simple animations, but complete animations from beginning to end experiences never seen before on the interwebs. (A series of tubes connecting people through computers.)  Currently, modern day, we all know how Adobe Flash has evolved and are witness to the herculean JavaScript libraries that has revolutionized the speed in which we can develop pure HTML/CSS animations.
</p>
<p>As you know, companies such as  Apple, Inc. have refused to allow the Adobe Flash Player plug-in to be used in any of its phone&#8217;s.  Many of you are probably reading up on all the latest buzz surrounding HTML 5 and CSS 3 and all that it promises.   Now, I am not one to say that Adobe Flash will ever die out in lieu of the newly adopted HTML 5 Canvas this simply just will not happen.   Market share and development time are huge factors when it comes to web designers with large audiences.  Adobe Flash and its market saturation, file compression, vector scalability, and development framework are clear winners going against  pure html mixed in with a little 8-bit transparent lossless bitmap controlled from JavaScript commands, I do believe though that in the future HTML 5 , CSS 3, Animated PNG&#8217;s, and Adobe Flash will co-exist together harmoniously.  Now the real question is&#8230; what does all this mean for <strong>Flash Banner Advertising?</strong></p>
<p><img src="http://www.bradfordsherrill.com/images/animated.png" alt="Animated PNG" align="right" style="float:right;" /><br />
Perhaps Animated PNG&#8217;s can help the supplement the load of Flash banners for non-Flash platforms.  PNG (Portable Network Graphics) is an awesome format when it comes to a solution for raw transparency on the web static or not.   Many 3D authoring tools have taken advantage of PNG animation for years, Adobe Fireworks has native support for PNG, and the Animated PNG format is completely backwards compatible.  If modern browsers are going to support the HTML 5 and CSS 3 standards why not Animated PNG&#8217;s?
</p>
<p>
One major drawback is the compression.  File sizes are very large in comparison to Flash movies and even though the future outlook of bandwidth looks amazing we still have to cater to the lesser.  Can we find a way to compress these PNG&#8217;s, and be a little less CPU-bound?  If we can, the sky is the limit!  In today&#8217;s modern-era static transparent PNG&#8217;s are commonly used in conjunction with JavaScript/HTML/CSS to create stunning animations (<a href="http://robot.anthonycalzadilla.com" title="JavaScript with PNG Animation">Check this out!</a>), why not 100% pure Animated PNG&#8217;s too?
</p>
<h2>Animated GIF versus Animated PNG</h2>
<p>
<img src="http://bradfordsherrill.com/images/Color.gif" alt="Animated GIF" />&nbsp;<img src="http://bradfordsherrill.com/images/Color.png" alt="Animated PNG"  />
</p>
<h2>Supported browsers</h2>
<p>
<a href="http://www.mozilla.com/en-US/firefox/upgrade.html">Firefox 3 +</a><br />
<a href="http://www.opera.com/">Opera 9.5 +</a>
</p>
<h2>Sources</h2>
<p>
<strong>Development</strong><br />
<a href="http://wiki.mozilla.org/APNG_Specification">http://wiki.mozilla.org/APNG_Specification</a><br />
<a href="http://en.wikipedia.org/wiki/APNG">http://en.wikipedia.org/wiki/APNG</a><br />
<a href="http://littlesvr.ca/apng/">http://littlesvr.ca/apng/</a><br />
<a href="http://philip.html5.org/tests/apng/tests.html">http://philip.html5.org/tests/apng/tests.html</a><br />
<a href="http://eligrey.com/blog/post/apng-feature-detection">http://eligrey.com/blog/post/apng-feature-detection</a><br />
<a href="http://labs.mozilla.com/2007/08/better-animations-in-firefox-3/">http://labs.mozilla.com/2007/08/better-animations-in-firefox-3/</a><br />
<a href="http://animatedpng.com">http://animatedpng.com</a>
</p>
<p>
<strong>Other Links</strong><br />
<a href="http://en.wikipedia.org/wiki/PNG">PNG image file format</a><br />
<a href="http://www.w3.org/TR/PNG/">W3C PNG Specification</a> – Second Edition<br />
<a href="http://pmt.sourceforge.net/specs/png-1.2-pdg.html">PNG (Portable Network Graphics) Specification, Version 1.2</a><br />
<a href="http://www.w3.org/Graphics/GIF/spec-gif89a.txt">W3C GIF specification</a><br />
<a href="http://en.wikipedia.org/wiki/GIF">GIF image file format</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bradfordsherrill.com/web-design/animated-png/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
