<?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>AddyOsmani.com &#124; Where Web Businesses Grow &#187; window</title>
	<atom:link href="http://addyosmani.com/blog/tag/window/feed/" rel="self" type="application/rss+xml" />
	<link>http://addyosmani.com/blog</link>
	<description>This is the home of Addy Osmani (Web Developer, Designer &#38; Author). Here you can find some great tips and tutorials on everything to do with web development and even a few useful code samples!</description>
	<lastBuildDate>Sun, 25 Jul 2010 14:41:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>20 Amazing jQuery Plugins to improve your User Interface</title>
		<link>http://addyosmani.com/blog/20-amazing-jquery-plugins-to-improve-your-user-interface/</link>
		<comments>http://addyosmani.com/blog/20-amazing-jquery-plugins-to-improve-your-user-interface/#comments</comments>
		<pubDate>Fri, 27 Nov 2009 05:30:52 +0000</pubDate>
		<dc:creator>Addy</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[alert]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[bubble]]></category>
		<category><![CDATA[dance]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[search]]></category>
		<category><![CDATA[speech]]></category>
		<category><![CDATA[tooltip]]></category>
		<category><![CDATA[upload]]></category>
		<category><![CDATA[widgets]]></category>
		<category><![CDATA[window]]></category>

		<guid isPermaLink="false">http://addyosmani.com/blog/20-amazing-jquery-plugins-to-improve-your-user-interface/</guid>
		<description><![CDATA[&#160; &#160; In today&#8217;s post I&#8217;m going to share 20 jQuery Plugins that I think could really improve your user interface in just a few minutes. Some of them require a little more customization or integration than others, but on the whole, the plugins in this post will hopefully give you the inspiration and implementations [...]]]></description>
			<content:encoded><![CDATA[<p>&nbsp;<img width="500" height="302" alt="" src="http://addyosmani.com/blog/wp-content/uploads/jq20.jpg" /></p>
<p>&nbsp;</p>
<p>In today&rsquo;s post I&rsquo;m going to share 20 jQuery Plugins that I think could really improve your user interface in just a few minutes. Some of them require a little more customization or integration than others, but on the whole, the plugins in this post will hopefully give you the inspiration and implementations you need to give your projects that little extra something.</p>
<p>&nbsp;</p>
<p><span id="more-249"></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=db674f1c92a532702569c3627c592aa1&amp;url=http://s1.jqueryplugins.com/pluginimages/271.jpg&amp;w=90&amp;h=90" /></p>
<p><a href="http://www.jqueryplugins.com/plugin/271/">jQuery Plugin &#8211; Feature List</a></p>
<p>Simple and easy creation of an interactive &quot;Featured Items&quot; widget &#8230;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=571e68da3b39df5d795f4a2170e79f66&amp;url=http://s1.jqueryplugins.com/pluginimages/193.jpg&amp;w=90&amp;h=90" /></p>
<p><a href="http://www.jqueryplugins.com/plugin/193/">jQuery Plugin &#8211; Sexy Alert Box</a></p>
<p>Sexy Alert Box is a &ldquo;sexy&rdquo; clone of classic Javascript alert &#8230;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=35bb6c8b0f6d22ed3af56717efc66f9c&amp;url=http://s1.jqueryplugins.com/pluginimages/295.jpg&amp;w=90&amp;h=90" /></p>
<p><a href="http://www.jqueryplugins.com/plugin/295/">jQuery Plugin &#8211; Facebook like Autosuggestion</a></p>
<p>Facebook like Autosuggestion user search with jQuery, Ajax and PHP &#8230;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=40dd3c8a81ced2fb32a998155c6e279b&amp;url=http://s2.jqueryplugins.com/pluginimages/274.jpg&amp;w=90&amp;h=90" /></p>
<p><a href="http://www.jqueryplugins.com/plugin/274/">jQuery Plugin &#8211; Horizontal Tooltips Menu</a></p>
<p>A horizontal menu with tooltip that slides across the menu panel &#8230;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=3d63e4fa01ac920b0a81769739191c21&amp;url=http://s2.jqueryplugins.com/pluginimages/268.jpg&amp;w=90&amp;h=90" /></p>
<p>&nbsp;<a href="http://www.jqueryplugins.com/plugin/268/">jQuery Plugin &#8211; Sexy Lightbox</a></p>
<p>Sexy Lightbox is a more lightweight and sexier clone of the classic Lightbox. It was constructed thinking about web designers, easy installation and use &#8230;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=4be4c144a822e738737db8bda8e1dc12&amp;url=http://s1.jqueryplugins.com/pluginimages/215.jpg&amp;w=90&amp;h=90" /></p>
<p><a href="http://www.jqueryplugins.com/plugin/215/">jQuery Plugin &#8211; Simple Page Peel Effect</a></p>
<p>You have probably seen these forms of advertisings where you can peel a corner of a website and see a message underneath &#8230;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=19a8ff5b3fe9839dfab476f1f7478090&amp;url=http://s1.jqueryplugins.com/pluginimages/205.jpg&amp;w=90&amp;h=90" /></p>
<p>&nbsp;<a href="http://www.jqueryplugins.com/plugin/205/">jQuery Plugin &#8211; Uploadify</a></p>
<p>Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website &#8230;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=eb9bb90ed2a1be9b0985ea80c899700c&amp;url=http://s2.jqueryplugins.com/pluginimages/294.jpg&amp;w=90&amp;h=90" /></p>
<p>&nbsp;<a href="http://www.jqueryplugins.com/plugin/294/">jQuery Plugin &#8211; Facebook Style Alert Confirm Box</a></p>
<p>This shows you how to implement a facebook style alert box &#8230;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=06597ad7f8656a75aad04e19e2baa9c1&amp;url=http://s1.jqueryplugins.com/pluginimages/247.jpg&amp;w=90&amp;h=90" /></p>
<p>&nbsp;<a href="http://www.jqueryplugins.com/plugin/247/">jQuery Plugin &#8211; Create an Interactive, Filterable Portfolio</a></p>
<p>How to create an interactive portfolio in jQuery that looks like it was made in Flash &#8230;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=747a27a633c77b87f81ad4d6de8feadb&amp;url=http://s1.jqueryplugins.com/pluginimages/293.jpg&amp;w=90&amp;h=90" /></p>
<p>&nbsp;<a href="http://www.jqueryplugins.com/plugin/293/">jQuery Plugin &#8211; Favorite Rating</a></p>
<p>This tutorial shows you how to implement a &quot;Show the love&quot; rating system like amypink.com &#8230;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=d78ddd700161b0273ac6c0c0a6207b89&amp;url=http://s1.jqueryplugins.com/pluginimages/291.jpg&amp;w=90&amp;h=90" /></p>
<p>&nbsp;<a href="http://www.jqueryplugins.com/plugin/291/">jQuery Plugin &#8211; Coda Bubble</a></p>
<p>This plugin can be used to create multiple pop-ups Coda Bubble style &#8230;</p>
<p><img alt="" src="http://static.ak.fbcdn.net/rsrc.php/z12E0/hash/8q2anwu7.gif" />&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=91525278c0d658315d54ddc7ac3020a8&amp;url=http://s2.jqueryplugins.com/pluginimages/288.jpg&amp;w=90&amp;h=90" /></p>
<p>&nbsp;<a href="http://www.jqueryplugins.com/plugin/288/">jQuery Plugin &#8211; Search &amp; Share</a></p>
<p>Search and Share makes highlighting text a more functional action. More specifically, it attempts to understand the intention of a user&rsquo;s text selection and present a variety of options accordingly &#8230;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=dfb70061ec108cc6792569f7581635e5&amp;url=http://s1.jqueryplugins.com/pluginimages/287.jpg&amp;w=90&amp;h=90" /></p>
<p>&nbsp;<a href="http://www.jqueryplugins.com/plugin/287/">jQuery Plugin &#8211; Simply Scroll</a></p>
<p>simplyScroll is a jQuery plugin that can animate (scroll) a set of elements either automatically or manually, horizontally or vertically &#8230;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=c328c9cb4646d8dba0825e0c8b64107f&amp;url=http://s2.jqueryplugins.com/pluginimages/218.jpg&amp;w=90&amp;h=90" /></p>
<p>&nbsp;<a href="http://www.jqueryplugins.com/plugin/218/">jQuery Plugin &#8211; Side Navigation Tooltip / Popup Bubble</a></p>
<p>A tooltip / popup bubble using jQuery &#8230;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=f369790efecc83f2df5f9f6fff3385a6&amp;url=http://s1.jqueryplugins.com/pluginimages/283.jpg&amp;w=90&amp;h=90" /></p>
<p><a href="http://www.jqueryplugins.com/plugin/283/">jQuery Plugin &#8211; Color Changing Text and Backgrounds</a></p>
<p>Here&rsquo;s a quick and easy way to cycle between multiple colors smoothly. Normally you would define the (background) color in the CSS and that would be the end of it. In this case we want to be able to adjust colors &#8230;</p>
<p>&nbsp;&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=206242fd67503a9724ef0d8dbbc5c139&amp;url=http://s1.jqueryplugins.com/pluginimages/189.jpg&amp;w=90&amp;h=90" /></p>
<p>&nbsp;<a href="http://www.jqueryplugins.com/plugin/189/">jQuery Plugin &#8211; Dance Floor</a></p>
<p>When you click on a product, the product image will zoom out to see a featured close-up shot and a description &#8230;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=81a956a3a93bc0681e9ce959fd381bfc&amp;url=http://s1.jqueryplugins.com/pluginimages/239.jpg&amp;w=90&amp;h=90" /></p>
<p>&nbsp;<a href="http://www.jqueryplugins.com/plugin/239/">jQuery Plugin &#8211; Horizontal Animated Menu</a></p>
<p>This tutorial teaches you how to build a basic horizontal animated menu using jQuery that shows more information about the link when mouse is moved over it &#8230;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=cd95d89c7558364634914ac8b0dae00d&amp;url=http://s2.jqueryplugins.com/pluginimages/254.jpg&amp;w=90&amp;h=90" /></p>
<p>&nbsp;<a href="http://www.jqueryplugins.com/plugin/254/">jQuery Plugin &#8211; Editable Select</a></p>
<p>Transforms a select list to a text input so you can edit the value directly, or choose a value from the list options &#8230;</p>
<p>&nbsp;</p>
<p><img alt="" src="http://external.ak.fbcdn.net/safe_image.php?d=578a8152a8d943e68a48c6b49fef37af&amp;url=http://s2.jqueryplugins.com/pluginimages/282.jpg&amp;w=90&amp;h=90" /></p>
<p>&nbsp;<a href="http://www.jqueryplugins.com/plugin/282/">jQuery Plugin &#8211; Create Good Looking Floating Menu</a></p>
<p>This tutorial will show you how to create a horizontal menu with floating effect by using jquery.easing and jquery animate function &#8230;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://addyosmani.com/blog/20-amazing-jquery-plugins-to-improve-your-user-interface/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
	</channel>
</rss>
