<?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; Articles for developers &#187; Code Samples</title> <atom:link href="http://addyosmani.com/blog/category/code-samples/feed/" rel="self" type="application/rss+xml" /><link>http://addyosmani.com/blog</link> <description>This is the home of Addy Osmani (JavaScript &#38; UI 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>Thu, 03 May 2012 14:10:54 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>jQuery &amp; CSS3 3D Interactive Photo Stack</title><link>http://addyosmani.com/blog/jquery-css3-photo-stack/</link> <comments>http://addyosmani.com/blog/jquery-css3-photo-stack/#comments</comments> <pubDate>Fri, 17 Sep 2010 00:50:29 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Code Samples]]></category> <category><![CDATA[Web Development]]></category> <category><![CDATA[3d]]></category> <category><![CDATA[css3]]></category> <category><![CDATA[css3 photo stack]]></category> <category><![CDATA[css3 photos]]></category> <category><![CDATA[javascript photo]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[jquery photo gallery]]></category> <category><![CDATA[photo stack]]></category> <category><![CDATA[photos]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=1240</guid> <description><![CDATA[Hey guys. I&#8217;ve been writing a few pieces for .NET magazine on CSS3 and thought I&#8217;d whip together something lightweight with jQuery to show you how you can use CSS3 transforms to create 3D interactive photo stacks. Below you can &#8230; <a
href="http://addyosmani.com/blog/jquery-css3-photo-stack/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/jquery-css3-photo-stack/feed/</wfw:commentRss> <slash:comments>13</slash:comments> </item> <item><title>WanderWall &#8211; A jQuery, CSS3 &amp; HTML5 Hover-Based Interface</title><link>http://addyosmani.com/blog/wanderwall/</link> <comments>http://addyosmani.com/blog/wanderwall/#comments</comments> <pubDate>Mon, 23 Aug 2010 01:58:48 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Code Samples]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[@font-face]]></category> <category><![CDATA[animated background]]></category> <category><![CDATA[background animation]]></category> <category><![CDATA[css3]]></category> <category><![CDATA[css3 indent effects]]></category> <category><![CDATA[css3 rotation]]></category> <category><![CDATA[hover]]></category> <category><![CDATA[hover based interface]]></category> <category><![CDATA[html5]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[jquery animated]]></category> <category><![CDATA[jquery animation]]></category> <category><![CDATA[jquery html5]]></category> <category><![CDATA[jquery user interface]]></category> <category><![CDATA[wanderwall]]></category> <category><![CDATA[wonderwall]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=1018</guid> <description><![CDATA[&#160; Hey guys. Today I&#8217;m going to teach you how to create a useful hover-based user interface using jQuery, CSS3, HTML5 and @font-face. Why a hover-based interface? you might ask. Well, with the popularity of touch-based web applications simplifying the &#8230; <a
href="http://addyosmani.com/blog/wanderwall/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/wanderwall/feed/</wfw:commentRss> <slash:comments>93</slash:comments> </item> <item><title>Zoom-Info &#8211; How To Create An Informative Image Gallery With jQuery &amp; CSS</title><link>http://addyosmani.com/blog/zoom-info-how-to-create-an-informative-image-gallery-with-jquery-css/</link> <comments>http://addyosmani.com/blog/zoom-info-how-to-create-an-informative-image-gallery-with-jquery-css/#comments</comments> <pubDate>Sun, 04 Apr 2010 04:22:39 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Code Samples]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[animation]]></category> <category><![CDATA[gallery]]></category> <category><![CDATA[image]]></category> <category><![CDATA[image carousel]]></category> <category><![CDATA[image effects]]></category> <category><![CDATA[image gallery]]></category> <category><![CDATA[information]]></category> <category><![CDATA[javascript image gallery]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[zoom]]></category> <category><![CDATA[zoom-info]]></category> <category><![CDATA[zoominfo]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/zoom-info-how-to-create-an-informative-image-gallery-with-jquery-css/</guid> <description><![CDATA[Question: Have you ever wanted to neatly display a few lines of text about an image in your site but didn’t want to compromise on the design of your overall layout? In today’s post I’m going to show you how &#8230; <a
href="http://addyosmani.com/blog/zoom-info-how-to-create-an-informative-image-gallery-with-jquery-css/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/zoom-info-how-to-create-an-informative-image-gallery-with-jquery-css/feed/</wfw:commentRss> <slash:comments>53</slash:comments> </item> <item><title>Offline Cross-Browser Client-Side Storage for the Web using JavaScript and a little Flash</title><link>http://addyosmani.com/blog/offline-cross-browser-client-side-storage-for-the-web-using-javascript-and-a-little-flash/</link> <comments>http://addyosmani.com/blog/offline-cross-browser-client-side-storage-for-the-web-using-javascript-and-a-little-flash/#comments</comments> <pubDate>Thu, 22 Oct 2009 03:46:37 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Code Samples]]></category> <category><![CDATA[Web Development]]></category> <category><![CDATA[client-side]]></category> <category><![CDATA[client-side storage]]></category> <category><![CDATA[clientside]]></category> <category><![CDATA[cookies]]></category> <category><![CDATA[cross-browser]]></category> <category><![CDATA[file store]]></category> <category><![CDATA[firefox localstorage]]></category> <category><![CDATA[flash]]></category> <category><![CDATA[flash storage]]></category> <category><![CDATA[google gears]]></category> <category><![CDATA[googlegears]]></category> <category><![CDATA[html5]]></category> <category><![CDATA[html5 localstore]]></category> <category><![CDATA[html5 sql]]></category> <category><![CDATA[html5 storage]]></category> <category><![CDATA[ie]]></category> <category><![CDATA[local storage space]]></category> <category><![CDATA[localstorage]]></category> <category><![CDATA[offline]]></category> <category><![CDATA[offline client-side storage]]></category> <category><![CDATA[offline storage]]></category> <category><![CDATA[safari]]></category> <category><![CDATA[settings storage]]></category> <category><![CDATA[storage]]></category> <category><![CDATA[storage offline]]></category> <category><![CDATA[store files locally]]></category> <category><![CDATA[web storage]]></category> <category><![CDATA[website files local]]></category> <category><![CDATA[website storage]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/offline-cross-browser-client-side-storage-for-the-web-using-javascript-and-a-little-flash/</guid> <description><![CDATA[&#160; Hi guys. Today I&#8217;m going to show you how to do persistent Client-side storage that&#8217;ll work in any Web Browser without needing to use Cookies, Browser-Specific hacks or HTML5 &#8211; in other words, we&#8217;re going to store as much &#8230; <a
href="http://addyosmani.com/blog/offline-cross-browser-client-side-storage-for-the-web-using-javascript-and-a-little-flash/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/offline-cross-browser-client-side-storage-for-the-web-using-javascript-and-a-little-flash/feed/</wfw:commentRss> <slash:comments>13</slash:comments> </item> <item><title>Open-Source JavaScript CoverFlow</title><link>http://addyosmani.com/blog/open-source-javascript-coverflow/</link> <comments>http://addyosmani.com/blog/open-source-javascript-coverflow/#comments</comments> <pubDate>Fri, 18 Sep 2009 06:37:51 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Code Samples]]></category> <category><![CDATA[Resources]]></category> <category><![CDATA[coverflow]]></category> <category><![CDATA[coverflow demo]]></category> <category><![CDATA[coverflow effect]]></category> <category><![CDATA[coverflow itunes]]></category> <category><![CDATA[coverflow ui]]></category> <category><![CDATA[itunes]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[javascript coverflow]]></category> <category><![CDATA[javascript coverflow effect]]></category> <category><![CDATA[jcoverflow]]></category> <category><![CDATA[jquery coverflow]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/open-source-javascript-coverflow/</guid> <description><![CDATA[&#160; &#160; Hi guys. I&#8217;m making some more of my custom components available for download today. The Apple iTunes CoverFlow effect is one the nicest forms of visualizing albums and images that I&#8217;ve seen over the past few years and &#8230; <a
href="http://addyosmani.com/blog/open-source-javascript-coverflow/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/open-source-javascript-coverflow/feed/</wfw:commentRss> <slash:comments>82</slash:comments> </item> </channel> </rss>
