<?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>Jon Raasch&#039;s Blog &#187; UI</title>
	<atom:link href="http://jonraasch.com/blog/tag/ui/feed" rel="self" type="application/rss+xml" />
	<link>http://jonraasch.com/blog</link>
	<description>Web development and design blog from Portland based developer Jon Raasch</description>
	<lastBuildDate>Thu, 13 Oct 2011 15:27:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
	<atom:link rel="next" href="http://jonraasch.com/blog/tag/ui/feed?page=2" />

		<item>
		<title>Great Examples of Drawing With CSS</title>
		<link>http://jonraasch.com/blog/drawing-with-css</link>
		<comments>http://jonraasch.com/blog/drawing-with-css#comments</comments>
		<pubDate>Tue, 30 Mar 2010 17:34:15 +0000</pubDate>
		<dc:creator>Jon Raasch</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[best practices]]></category>
		<category><![CDATA[cross-browser]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[rendering]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[webdev]]></category>

		<guid isPermaLink="false">http://jonraasch.com/blog/?p=964</guid>
		<description><![CDATA[<a href="http://jonraasch.com/blog/drawing-with-css" title="Great Examples of Drawing With CSS"><div class="rightImg"><img src="http://jonraasch.com/blog/wp-content/uploads/2010/03/css-raindrop1.jpg" width="249" height="232" alt="Great Examples of Drawing With CSS" /></div></a>I&#8217;ve always been a fan of drawing page components with pure CSS rather than using image support. Although rendering the page with CSS can sometimes be a pain, the rewards of fewer HTTP requests &#38; less download time make it well worthwhile. Until recently, most web designers and developers couldn&#8217;t design using CSS alone, because [...]]]></description>
		<wfw:commentRss>http://jonraasch.com/blog/drawing-with-css/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>QuickFlip 2: The jQuery Flipping Plugin Made Faster and Simpler</title>
		<link>http://jonraasch.com/blog/quickflip-2-jquery-plugin</link>
		<comments>http://jonraasch.com/blog/quickflip-2-jquery-plugin#comments</comments>
		<pubDate>Mon, 13 Jul 2009 21:15:45 +0000</pubDate>
		<dc:creator>Jon Raasch</dc:creator>
				<category><![CDATA[webdev]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[performance]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://jonraasch.com/blog/?p=114</guid>
		<description><![CDATA[I'm happy to announce the release of QuickFlip 2, a major reworking of the jQuery plugin that flips any piece of HTML markup over like a card.  The new version is faster and even easier to use&#8212;simply call the flip animation through a jQuery selector and the QuickFlip will flip the front panel to show its back.  The flip effect is similar to the UI animation on the iPhone

<a href="http://dev.jonraasch.com/quickflip/download" class="dlButton" rel="nofollow">Download QuickFlip 2 for jQuery</a>

<a href="http://dev.jonraasch.com/quickflip/docs">Read the QuickFlip documentation</a>

QuickFlip works by using an animation shortcut that is barely noticeable when flipped quickly (hence the name).  This shortcut improves performance while allowing the flip effect to work smoothly with any piece of markup regardless of images, backgrounds or CSS.   

It provides an attractive alternative to other slower and more resource heavy Flash and jQuery flip animations.  However if you want a smoother option with a depth effect try <a href="http://lab.smashup.it/flip/" rel="nofollow">jQuery Flip!</a>, although this only works with background colors (not images) and hides the panel content before flipping.]]></description>
		<wfw:commentRss>http://jonraasch.com/blog/quickflip-2-jquery-plugin/feed</wfw:commentRss>
		<slash:comments>112</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
