<?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>Learning jQuery &#187; Web Designs</title>
	<atom:link href="http://www.learningjquery.org/index.php/tag/web-designs/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.learningjquery.org</link>
	<description>Learning jQuery: Tips, techniques, and tutorials for the jQuery JavaScript library</description>
	<lastBuildDate>Tue, 24 Aug 2010 10:10:35 +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>30 Exceptional Web Designs</title>
		<link>http://www.learningjquery.org/index.php/30-exceptional-web-designs/</link>
		<comments>http://www.learningjquery.org/index.php/30-exceptional-web-designs/#comments</comments>
		<pubDate>Thu, 02 Jul 2009 01:11:59 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Web Designs]]></category>

		<guid isPermaLink="false">http://www.learningjquery.org/?p=40</guid>
		<description><![CDATA[作者：Sean Geng
I’ve compiled a list of 30 exceptional web page designs for your inspiration. Most of these are relatively new; so they’ll hopefully give you some ideas for your next project! Enjoy!
1. Alexarts
Alex uses a very simple but modern interface for his site.  Click on any of the sections, and a popup displays.

2. Pampaneo
Pampaneo [...]]]></description>
			<content:encoded><![CDATA[<p>作者：<span class="entry-author-name">Sean Geng</span></p>
<p>I’ve compiled a list of 30 exceptional web page designs for your inspiration. Most of these are relatively new; so they’ll hopefully give you some ideas for your next project! Enjoy!</p>
<h3>1. <a href="http://alexarts.ru/en/index.html" target="_blank">Alexarts</a></h3>
<p>Alex uses a very simple but modern interface for his site.  Click on any of the sections, and a popup displays.</p>
<div><a href="http://alexarts.ru/en/index.html" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image1.jpg" border="0" alt="" /></a></div>
<h3>2. <a href="http://www.pampaneo.es/" target="_blank">Pampaneo</a></h3>
<p>Pampaneo uses excellent graphics and illustrations to tell a story.</p>
<div><a href="http://www.pampaneo.es/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image2.jpg" border="0" alt="" /></a></div>
<h3>3. <a href="http://www.juandiegovelasco.com/" target="_blank">Juan Diego Velasco</a></h3>
<p>Juan uses a one page layout and vivid colors for his site.</p>
<div><a href="http://www.juandiegovelasco.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image3.jpg" border="0" alt="" /></a></div>
<h3>4. <a href="http://metalabdesign.com/" target="_blank">Metalab</a></h3>
<p>Metalab Design has a very clean and usable interface, as well as some nice JavaScript effects.</p>
<div><a href="http://metalabdesign.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image4.jpg" border="0" alt="" /></a></div>
<h3>5. <a href="http://www.serj.ca/" target="_blank">Serj</a></h3>
<p>Serj features great graphics and a simple and effective layout.  Sometimes, simplicity is key.</p>
<div><a href="http://www.serj.ca/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image5.jpg" border="0" alt="" /></a></div>
<h3>6. <a href="http://www.peter-pearson.com/" target="_blank">Peter Pearson</a></h3>
<p>Peter also uses a neat one page layout and some cool image effects.</p>
<div><a href="http://www.peter-pearson.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image6.jpg" border="0" alt="" /></a></div>
<h3>7. <a href="http://cactuar.in.the.phailbucket.com/" target="_blank">Cactuar.in.the.Phailbucket</a></h3>
<p>Cole uses excellent vector illustrations and a great choice of colors in his design.</p>
<div><a href="http://cactuar.in.the.phailbucket.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image7.jpg" border="0" alt="" /></a></div>
<h3>8. <a href="http://fredmaya.com/" target="_blank">Fred Maya</a></h3>
<p>Fred focuses on simplicity, colors, and usability for this nice design.</p>
<div><a href="http://fredmaya.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image8.jpg" border="0" alt="" /></a></div>
<h3>9. <a href="http://www.gavincastleton.com/" target="_blank">Galvin Castleton</a></h3>
<p>This album site uses a one page horizontal layout and excellent photography.</p>
<div><a href="http://www.gavincastleton.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image9.jpg" border="0" alt="" /></a></div>
<h3>10. <a href="http://chrisjennings.com/" target="_blank">Chris Jennings</a></h3>
<p>Readability is key.</p>
<div><a href="http://chrisjennings.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image10.jpg" border="0" alt="" /></a></div>
<h3>11. <a href="http://en.guerra-creativa.com/" target="_blank">Guerra Creative</a></h3>
<p>Excellent graphics and easy to read content.</p>
<div><a href="http://en.guerra-creativa.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image11.jpg" border="0" alt="" /></a></div>
<h3>12. <a href="http://www.84colors.com/index.html" target="_blank">84 Colors</a></h3>
<p>Cristiana’s thinks outside the box with this different layout.</p>
<div><a href="http://www.84colors.com/index.html" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image12.jpg" border="0" alt="" /></a></div>
<h3>13. <a href="http://feedstitch.com/" target="_blank">Feed Stitch</a></h3>
<p>Feed Stitch’s site is a fun, creative, and super creative!</p>
<div><a href="http://feedstitch.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image13.jpg" border="0" alt="" /></a></div>
<h3>14. <a href="http://www.webleeddesign.com/" target="_blank">We Bleed Design</a></h3>
<p>We Bleed Design uses images creatively to animate the transition through sections.</p>
<div><a href="http://www.webleeddesign.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image14.jpg" border="0" alt="" /></a></div>
<h3>15. <a href="http://www.mootygraphicdesign.com.au/" target="_blank">Motty</a></h3>
<p>Mooty’s site uses a great illustration in the header, and the content’s presentation is excellent.</p>
<div><a href="http://www.mootygraphicdesign.com.au/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image15.jpg" border="0" alt="" /></a></div>
<h3>16. <a href="http://www.cerity.se/" target="_blank">Cerity</a></h3>
<p>Jonathan’s portfolio offers a neat interface for viewing his work.</p>
<div><a href="http://www.cerity.se/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image16.jpg" border="0" alt="" /></a></div>
<h3>17. <a href="http://cpeople.ru/" target="_blank">Creative People</a></h3>
<p>CreativePeople’s page has excellent graphics and an interesting layout.</p>
<div><a href="http://cpeople.ru/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image17.jpg" border="0" alt="" /></a></div>
<h3>18. <a href="http://brooklynfare.com/index.php" target="_blank">Brooklyn Fare</a></h3>
<p>Brooklyn Fare’s site is a wonderful example of how a company’s site should be presented.</p>
<div><a href="http://brooklynfare.com/index.php" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image18.jpg" border="0" alt="" /></a></div>
<h3>19. <a href="http://www.tierravirtual.com/" target="_blank">Tierra Virtual</a></h3>
<p>This agency’s site uses an animated header, and has a modern feel.</p>
<div><a href="http://www.tierravirtual.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image19.jpg" border="0" alt="" /></a></div>
<h3>20. <a href="http://www.merixusa.com/" target="_blank">Merixusa</a></h3>
<p>Cute illustrations — a creative showcase of their work.</p>
<div><a href="http://www.merixusa.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image20.jpg" border="0" alt="" /></a></div>
<h3>21. <a href="http://foodincmovie.com/" target="_blank">Food, Inc</a></h3>
<p>Simple and clean site with nice graphics.</p>
<div><a href="http://foodincmovie.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image21.jpg" border="0" alt="" /></a></div>
<h3>22. <a href="http://www.tanq.cl/" target="_blank">Inicio</a></h3>
<p>Beautiful choice of colors here.</p>
<div><a href="http://www.tanq.cl/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image22.jpg" border="0" alt="" /></a></div>
<h3>23. <a href="http://www.ccsi.be/en/" target="_blank">CCSI</a></h3>
<p>CCSI uses clean graphics and a nice scrolling text effect to draw the reader in.</p>
<div><a href="http://www.ccsi.be/en/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image23.jpg" border="0" alt="" /></a></div>
<h3>24. <a href="http://www.loodo.com.br/" target="_blank">Loodo</a></h3>
<p>This website fits a lot of content into a small space — seemingly with ease! It also makes use of a cute and creative navigation section.</p>
<div><a href="http://www.loodo.com.br/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image24.jpg" border="0" alt="" /></a></div>
<h3>25. <a href="http://www.guifx.com/" target="_blank">Guifx</a></h3>
<p>Bells and whistles don’t always get your point across. Sometimes, simplicity and ease of use is key.</p>
<div><a href="http://www.guifx.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image25.jpg" border="0" alt="" /></a></div>
<h3>26. <a href="http://www.vyniknite.sk/" target="_blank">Vyniknite</a></h3>
<p>All websites mustn’t look identical. Even something as simple as a unique header can make a huge difference.</p>
<div><a href="http://www.vyniknite.sk/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image26.jpg" border="0" alt="" /></a></div>
<h3>27. <a href="http://two24studios.com/" target="_blank">two24studios</a></h3>
<p>Great textures, typography, and navigation in this dark website.</p>
<div><a href="http://two24studios.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image27.jpg" border="0" alt="" /></a></div>
<h3>28. <a href="http://www.illusiv.nl/" target="_blank">Illusiv</a></h3>
<p>Very creative desktop-like interface.</p>
<div><a href="http://www.illusiv.nl/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image28.jpg" border="0" alt="" /></a></div>
<h3>29. <a href="http://www.duirwaigh.com/" target="_blank">Duirwaigh</a></h3>
<p>What a background! Though not appropriate for every site, this one definitely makes an impact.</p>
<div><a href="http://www.duirwaigh.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image29.jpg" border="0" alt="" /></a></div>
<h3>30. <a href="http://www.bkwld.com/" target="_blank">BKWLD</a></h3>
<p>Wonderfully effective, with plenty of white space. What more could you ask for?</p>
<div><a href="http://www.bkwld.com/" target="_blank"><img src="http://nettuts.s3.amazonaws.com/364_exceptionalSites/image30.jpg" border="0" alt="" /></a></div>
<h3>Final Words</h3>
<p>I hope you found some inspiration here. I know I did! Be sure to leave a comment to share any additional sites with the rest of us. Good luck on your next project!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.learningjquery.org/index.php/30-exceptional-web-designs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
