<?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/"
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Matt Cooper&#039;s Weblog</title>
	<atom:link href="http://formattc.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://formattc.wordpress.com</link>
	<description>A Blog with Techincal Tips</description>
	<lastBuildDate>Thu, 24 Sep 2009 06:29:18 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='formattc.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/058a06d65da113688c537de7fd5c4fd4?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>Matt Cooper&#039;s Weblog</title>
		<link>http://formattc.wordpress.com</link>
	</image>
			<item>
		<title>Keeping your iTunes Library Fresh</title>
		<link>http://formattc.wordpress.com/2009/09/23/keeping-your-itunes-library-fresh/</link>
		<comments>http://formattc.wordpress.com/2009/09/23/keeping-your-itunes-library-fresh/#comments</comments>
		<pubDate>Thu, 24 Sep 2009 05:45:40 +0000</pubDate>
		<dc:creator>Matt Cooper</dc:creator>
				<category><![CDATA[iTunes]]></category>
		<category><![CDATA[playlist]]></category>

		<guid isPermaLink="false">http://formattc.wordpress.com/?p=56</guid>
		<description><![CDATA[Are you getting bored with shuffle? Are your 5-star songs getting overplayed? Do you want to hear some of the old songs from time to time but not too much? The remedy is to create a &#8220;Good Mix&#8221; smart playlist and here&#8217;s how!
You don&#8217;t need iTunes 9 to do this but the steps are much [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=formattc.wordpress.com&blog=5190333&post=56&subd=formattc&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Are you getting bored with shuffle? Are your 5-star songs getting overplayed? Do you want to hear some of the old songs from time to time but not too much? The remedy is to create a &#8220;Good Mix&#8221; smart playlist and here&#8217;s how!</p>
<p>You don&#8217;t need iTunes 9 to do this but the steps are much simpler in iTunes 9. It introduces a new grouping feature for smart playlist rules.  Unfortunately, even with these new grouping abilities, there are still things that cannot be achieve without nesting playlists. You&#8217;ll need to create a total of 6 smart playlists&#8211;but don&#8217;t worry, it will be worth it!</p>
<h3>Step 1 &#8211; Create the &#8220;Mix Prerequisites&#8221; playlist</h3>
<p>This smart playlist will be the basis for all of the other smart playlists that we will be creating.  The goal of this playlist is to filter out files and genres that won&#8217;t be everyday music files.  For my tastes, this means &#8220;Classical&#8221; and &#8220;Holiday&#8221; music won&#8217;t be on my normal listening schedule but feel free adjust this as applicable to your tastes.</p>
<ol>
<li>Match = all</li>
<li>Name &#8211; does not contain &#8211; &#8220;Digital Booklet -&#8221;</li>
<li>Genre &#8211; is not &#8211; &#8220;Classical&#8221;</li>
<li>Genre &#8211; is not &#8211; &#8220;Holiday&#8221;</li>
<li>Genre &#8211; is not &#8211; &#8220;Podcast&#8221;</li>
<li>Kind &#8211; is not &#8211; &#8220;MPEG audio stream&#8221;</li>
<li>Kind &#8211; contains &#8211; &#8220;audio&#8221;</li>
<li>Genre &#8211; is not &#8211; &#8220;Audiobooks&#8221;</li>
<li>Limit to &#8211; unchecked</li>
<li>Match only checked items &#8211; unchecked</li>
<li>Live updating &#8211; checked</li>
</ol>
<p><img class="alignnone size-full wp-image-57" title="Mix-Prerequisites" src="http://formattc.files.wordpress.com/2009/09/mix-prerequisites.png?w=450&#038;h=294" alt="Mix-Prerequisites" width="450" height="294" /></p>
<h3>Step 2 &#8211; Create the &#8220;Mix 4 Star Fill&#8221; playlist</h3>
<p>This smart playlist is also a building-block playlist that will be consumed by another smart playlist.</p>
<ol>
<li>Match = all</li>
<li>Playlist &#8211; is &#8211; Mix Prerequisites</li>
<li>Rating &#8211; is &#8211; 4 stars</li>
<li>Last Played &#8211; is not in the last &#8211; 14 days</li>
<li>Limit to &#8211; unchecked</li>
<li>Match only checked items &#8211; unchecked</li>
<li>Live updating &#8211; checked</li>
</ol>
<p><img class="alignnone size-full wp-image-58" title="Mix 4 Star Fill" src="http://formattc.files.wordpress.com/2009/09/mix-4-star-fill.png?w=450&#038;h=219" alt="Mix 4 Star Fill" width="450" height="219" /></p>
<h3>Step 3 &#8211; Create the &#8220;Mix 3 Star Fill&#8221; playlist</h3>
<p>This smart playlist is also a building-block playlist that will be consumed by another smart playlist.</p>
<ol>
<li>Match = all</li>
<li>Playlist &#8211; is &#8211; Mix Prerequisites</li>
<li>Rating &#8211; is &#8211; 3 stars</li>
<li>Last Played &#8211; is not in the last &#8211; 2 months</li>
<li>Limit to &#8211; checked &#8211; 40 &#8211; items &#8211; selected by random</li>
<li>Match only checked items &#8211; unchecked</li>
<li>Live updating &#8211; checked</li>
</ol>
<p><img class="alignnone size-full wp-image-59" title="Mix 3 Star Fill" src="http://formattc.files.wordpress.com/2009/09/mix-3-star-fill.png?w=450&#038;h=219" alt="Mix 3 Star Fill" width="450" height="219" /></p>
<h3>Step 4 &#8211; Create the &#8220;Mix 2 Star Fill&#8221; playlist</h3>
<p>This smart playlist is also a building-block playlist that will be consumed by another smart playlist.</p>
<ol>
<li>Match = all</li>
<li>Playlist &#8211; is &#8211; Mix Prerequisites</li>
<li>Rating &#8211; is &#8211; 2 stars</li>
<li>Last Played &#8211; is not in the last &#8211; 20 months</li>
<li>Limit to &#8211; checked &#8211; 20 &#8211; items &#8211; selected by random</li>
<li>Match only checked items &#8211; unchecked</li>
<li>Live updating &#8211; checked</li>
</ol>
<p><img class="alignnone size-full wp-image-60" title="Mix 2 Star Fill" src="http://formattc.files.wordpress.com/2009/09/mix-2-star-fill.png?w=450&#038;h=219" alt="Mix 2 Star Fill" width="450" height="219" /></p>
<h3>Step 5 &#8211; Create the &#8220;Mix 1 Star Fill&#8221; playlist</h3>
<p>This smart playlist is also a building-block playlist that will be consumed by another smart playlist.</p>
<ol>
<li>Match = all</li>
<li>Playlist &#8211; is &#8211; Mix Prerequisites</li>
<li>Rating &#8211; is &#8211; 1 star</li>
<li>Last Played &#8211; is not in the last &#8211; 30 months</li>
<li>Limit to &#8211; checked &#8211; 5 &#8211; items &#8211; selected by random</li>
<li>Match only checked items &#8211; unchecked</li>
<li>Live updating &#8211; checked</li>
</ol>
<p><img class="alignnone size-full wp-image-61" title="Mix 1 Star Fill" src="http://formattc.files.wordpress.com/2009/09/mix-1-star-fill.png?w=450&#038;h=219" alt="Mix 1 Star Fill" width="450" height="219" /></p>
<h3>Step 6 &#8211; Create the &#8220;Good Mix&#8221; playlist</h3>
<p>This smart playlist is the final playlist and the one that you will be listening to.</p>
<ol>
<li>Match = all</li>
<li>Playlist &#8211; is &#8211; Mix Prerequisites</li>
<li>Click the &#8220;&#8230;&#8221; button to create a match grouping and set its match type to &#8220;all of the following&#8221;</li>
<li>Rating &#8211; is &#8211; 5 stars</li>
<li>Rating &#8211; is &#8211; no stars (will encourage you to rate songs you just purchased)</li>
<li>Playlist &#8211; is &#8211; Mix 4 Star Fill</li>
<li>Playlist &#8211; is &#8211; Mix 3 Star Fill</li>
<li>Playlist &#8211; is &#8211; Mix 2 Star Fill</li>
<li>Playlist &#8211; is &#8211; Mix 1 Star Fill</li>
<li>Limit to &#8211; unchecked</li>
<li>Match only checked items &#8211; checked</li>
<li>Live updating &#8211; checked</li>
</ol>
<p><img class="alignnone size-full wp-image-62" title="Good-Mix" src="http://formattc.files.wordpress.com/2009/09/good-mix.png?w=450&#038;h=312" alt="Good-Mix" width="450" height="312" /></p>
<h3>Step 7 &#8211; Shuffle and Enjoy</h3>
<p>Now that all of the playlists have been created, you are almost ready to play music.</p>
<ol>
<li>Select the &#8220;Good Mix&#8221; playlist</li>
<li>Select the &#8220;turn shuffle on&#8221; icon at the bottom-left of iTunes to make sure that the songs that get compiled by this playlist will be shuffled</li>
<li>Play!</li>
</ol>
<h3>Maintenance</h3>
<p>If your music tastes change, be sure to change the rating of your songs!</p>
<ul>
<li>If a song feels overplayed to you?  Knock it down a star.</li>
<li>Is an old gem coming back to you?  Give it some extra stars.</li>
</ul>
<p>If you notice that you have too many or not enough songs of a particular rating, you can change the corresponding &#8220;fill&#8221; playlist by adjusting:</p>
<ul>
<li>The &#8220;limit to&#8221; setting so that more or less are included into the final compilation</li>
<li>The &#8220;Last Played &#8211; is not in the last&#8221; so that songs will be repeated more or less frequently</li>
</ul>
<h3>Holiday Variation</h3>
<ol>
<li>Edit the &#8220;Mix Prerequisites&#8221; smart playlist</li>
<li>Take out the &#8220;Genre &#8211; is not &#8211; Holiday&#8221; rule</li>
<li>Edit the &#8220;Good Mix&#8221; smart playlist</li>
<li>Add a &#8220;Genre &#8211; is not &#8211; Holiday&#8221; rule at the top of the list of rules</li>
<li>Duplicate the &#8220;Good Mix&#8221; smart playlist and name the new one &#8220;Holiday Mix&#8221;</li>
<li>Edit the &#8220;Holiday Mix&#8221; smart playlist</li>
<li>Change the &#8220;Genre &#8211; is not &#8211; Holiday&#8221; rule to &#8220;Genre &#8211; is &#8211; Holiday&#8221;</li>
</ol>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/formattc.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/formattc.wordpress.com/56/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/formattc.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/formattc.wordpress.com/56/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/formattc.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/formattc.wordpress.com/56/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/formattc.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/formattc.wordpress.com/56/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/formattc.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/formattc.wordpress.com/56/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=formattc.wordpress.com&blog=5190333&post=56&subd=formattc&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://formattc.wordpress.com/2009/09/23/keeping-your-itunes-library-fresh/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e3d178c6f51a57ed9a571495c4c13351?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">formattc</media:title>
		</media:content>

		<media:content url="http://formattc.files.wordpress.com/2009/09/mix-prerequisites.png" medium="image">
			<media:title type="html">Mix-Prerequisites</media:title>
		</media:content>

		<media:content url="http://formattc.files.wordpress.com/2009/09/mix-4-star-fill.png" medium="image">
			<media:title type="html">Mix 4 Star Fill</media:title>
		</media:content>

		<media:content url="http://formattc.files.wordpress.com/2009/09/mix-3-star-fill.png" medium="image">
			<media:title type="html">Mix 3 Star Fill</media:title>
		</media:content>

		<media:content url="http://formattc.files.wordpress.com/2009/09/mix-2-star-fill.png" medium="image">
			<media:title type="html">Mix 2 Star Fill</media:title>
		</media:content>

		<media:content url="http://formattc.files.wordpress.com/2009/09/mix-1-star-fill.png" medium="image">
			<media:title type="html">Mix 1 Star Fill</media:title>
		</media:content>

		<media:content url="http://formattc.files.wordpress.com/2009/09/good-mix.png" medium="image">
			<media:title type="html">Good-Mix</media:title>
		</media:content>
	</item>
		<item>
		<title>What&#8217;s New in JSF 2?</title>
		<link>http://formattc.wordpress.com/2009/07/31/whats-new-in-jsf-2/</link>
		<comments>http://formattc.wordpress.com/2009/07/31/whats-new-in-jsf-2/#comments</comments>
		<pubDate>Fri, 31 Jul 2009 23:24:22 +0000</pubDate>
		<dc:creator>Matt Cooper</dc:creator>
				<category><![CDATA[java]]></category>
		<category><![CDATA[jsf]]></category>

		<guid isPermaLink="false">http://formattc.wordpress.com/?p=52</guid>
		<description><![CDATA[Andy Schwartz has created a fantastic introduction to the new features of JavaServer Faces 2:

http://andyschwartz.wordpress.com/2009/07/31/whats-new-in-jsf-2/

       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=formattc.wordpress.com&blog=5190333&post=52&subd=formattc&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Andy Schwartz has created a fantastic introduction to the new features of JavaServer Faces 2:</p>
<ul>
<li><a href="http://andyschwartz.wordpress.com/2009/07/31/whats-new-in-jsf-2/">http://andyschwartz.wordpress.com/2009/07/31/whats-new-in-jsf-2/</a></li>
</ul>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/formattc.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/formattc.wordpress.com/52/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/formattc.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/formattc.wordpress.com/52/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/formattc.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/formattc.wordpress.com/52/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/formattc.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/formattc.wordpress.com/52/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/formattc.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/formattc.wordpress.com/52/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=formattc.wordpress.com&blog=5190333&post=52&subd=formattc&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://formattc.wordpress.com/2009/07/31/whats-new-in-jsf-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e3d178c6f51a57ed9a571495c4c13351?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">formattc</media:title>
		</media:content>
	</item>
		<item>
		<title>Your Bank and Employer are Putting Your Security at Risk</title>
		<link>http://formattc.wordpress.com/2009/07/14/your-bank-and-employer-are-putting-your-security-at-risk/</link>
		<comments>http://formattc.wordpress.com/2009/07/14/your-bank-and-employer-are-putting-your-security-at-risk/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 02:49:23 +0000</pubDate>
		<dc:creator>Matt Cooper</dc:creator>
				<category><![CDATA[security]]></category>
		<category><![CDATA[bank]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[employer]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[password]]></category>

		<guid isPermaLink="false">http://formattc.wordpress.com/?p=43</guid>
		<description><![CDATA[It is becoming an epidemic. More banks and employers are making changes to their web applications that they think are protecting both your and their interests but in practice, this is actually doing quite the opposite.
If your bank or employer is a well-known business, it is likely a frequent target for phishing attacks.  More people [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=formattc.wordpress.com&blog=5190333&post=43&subd=formattc&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>It is becoming an epidemic. More banks and employers are making changes to their web applications that they think are protecting both your and their interests but in practice, this is actually doing quite the opposite.</p>
<p>If your bank or employer is a well-known business, it is likely a frequent target for phishing attacks.  More people are relying on Google searches and other websites that generate &#8220;tiny&#8221; URLs (long URLs are redirected through a third party with a short URL that can easily be typed in a chat client, email, etc.).  This means that people aren&#8217;t using bookmarks to access their banks or companies which means if a website looks familiar to you, you aren&#8217;t going to pay close attention to the URL in your browser&#8217;s address bar.  On the same token, it is easy for fat fingers to slightly mistype a URL that you know by heart so you can easily go to a website different than what you intended and will fall victim to a phishing attack.  More and more banks and employers are becoming paperless so any interaction that is requested of the user comes from email.  An email has many ways to fool the user into believing that it and the links provided in the email are authentic.</p>
<p><strong>How are my banks and my employer putting my security (and theirs) at risk?</strong></p>
<p>The reason is that they are implementing various mechanisms to prevent your browser from saving and recalling stored user names and passwords.  This can be achieved by either adding autocomplete=&#8221;off&#8221; to the input fields or to the form that wraps these inputs.  Another mechanism that is becoming more prevalent is the technique of asking for your user name in one screen and then your password in a second screen after the first screen is submitted.  These mechanisms break the password storage and retrieval features of your browser.</p>
<p><strong>Why does denying password saving put us at risk?</strong></p>
<p>There are two reasons why this is very bad.  Both reasons come from human error:</p>
<ol>
<li>Requiring that a human type in the user name and password means that the human must concentrate on typing in the data rather than analyzing whether the website is authentic.  If the browser populated the user name and password fields, you know immediately that the website is the correct one.  If the fields are blank and the user knows that the password should have been recalled by the browser&#8217;s saved password mechanism, the user becomes surprised and starts to question if they are visiting the correct page.  If the browser never saves the password, the user no longer has a fast and accurate way to know that the website is authentic.</li>
<li>Requiring that a human type in the user name and password encourages the user to have a password that is as easily memorized and typed as possible.  This makes it an easier password to guess; fewer iterations to attempt before success.  It may also force the user into reusing the same password for every website.  Reusing passwords is bad because if one website is compromised, all other websites are wide open.  If the user is conscientious about using unique passwords, they are then forced to write down the passwords and post them in an easily-accessible but also vulnerable location in their cubicle at work or desk at home where everyone in your office or everyone who visits or breaks into your home can access it.</li>
</ol>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/formattc.wordpress.com/43/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/formattc.wordpress.com/43/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/formattc.wordpress.com/43/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/formattc.wordpress.com/43/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/formattc.wordpress.com/43/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/formattc.wordpress.com/43/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/formattc.wordpress.com/43/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/formattc.wordpress.com/43/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/formattc.wordpress.com/43/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/formattc.wordpress.com/43/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=formattc.wordpress.com&blog=5190333&post=43&subd=formattc&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://formattc.wordpress.com/2009/07/14/your-bank-and-employer-are-putting-your-security-at-risk/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e3d178c6f51a57ed9a571495c4c13351?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">formattc</media:title>
		</media:content>
	</item>
		<item>
		<title>Stretchable Tiled Layout</title>
		<link>http://formattc.wordpress.com/2009/03/23/stretchable-tiled-layout/</link>
		<comments>http://formattc.wordpress.com/2009/03/23/stretchable-tiled-layout/#comments</comments>
		<pubDate>Tue, 24 Mar 2009 00:01:13 +0000</pubDate>
		<dc:creator>Matt Cooper</dc:creator>
				<category><![CDATA[java]]></category>
		<category><![CDATA[jdeveloper]]></category>
		<category><![CDATA[jsf]]></category>

		<guid isPermaLink="false">http://formattc.wordpress.com/?p=37</guid>
		<description><![CDATA[With the Oracle ADF Faces Rich Client, have you ever wanted to divide a stretchable box into tiles?
Divided in Half
Let&#8217;s say you just wanted to divide a stretchable area in half, the top half gets 50% of the space and the bottom half gets the other 50%.  If your stretchable area is one created by [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=formattc.wordpress.com&blog=5190333&post=37&subd=formattc&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>With the Oracle ADF Faces Rich Client, have you ever wanted to divide a stretchable box into tiles?</p>
<h3>Divided in Half</h3>
<p>Let&#8217;s say you just wanted to divide a stretchable area in half, the top half gets 50% of the space and the bottom half gets the other 50%.  If your stretchable area is one created by a component that stretches its children (please read <a href="http://jdevadf.oracle.com/adf-richclient-demo/faces/feature/layoutBasics.jspx">Layout Basics</a> if this term doesn&#8217;t mean anything to you), you achieve this half-and-half layout by using a panelStretchLayout:</p>
<pre>&lt;af:panelStretchLayout id="half" topHeight="50%"&gt;
  &lt;f:facet name="top"&gt;
    &lt;!-- top half component rooted here --&gt;
  &lt;/f:facet&gt;
  &lt;f:facet name="center"&gt;
    &lt;!-- bottom half component rooted here
         (the center facet gets the remaining space) --&gt;
  &lt;/f:facet&gt;
&lt;/af:panelStretchLayout&gt;</pre>
<p>Remember, avoid inlineStyle if at all possible; do you see any inlineStyle values here?</p>
<h3>Divided into Thirds</h3>
<p>What if you wanted it to be divided into thirds?  Just add one more facet to the panelStretchLayout like this:</p>
<pre>&lt;af:panelStretchLayout id="thirds" topHeight="33%" bottomHeight="33%"&gt;
  &lt;f:facet name="top"&gt;
    &lt;!-- top third component rooted here --&gt;
  &lt;/f:facet&gt;
  &lt;f:facet name="center"&gt;
    &lt;!-- middle third component rooted here
         (the center facet gets the remaining space) --&gt;
  &lt;/f:facet&gt;
  &lt;f:facet name="bottom"&gt;
    &lt;!-- bottom third component rooted here --&gt;
  &lt;/f:facet&gt;
&lt;/af:panelStretchLayout&gt;</pre>
<h3>Divided into Quarters</h3>
<p>Okay so now what are you gonna do&#8211;the panelStretchLayout doesn&#8217;t have any more facets to choose from that would appear below &#8220;bottom&#8221;?!</p>
<p>Well, now you need to nest panelStretchLayouts where the inner panelStretchLayout uses 3 facets (space divided into thirds) and an outer panelStretchLayout that uses 2 facets (space divided into 25% and 75%) like this:</p>
<pre>&lt;af:panelStretchLayout id="outer" topHeight="25%"&gt;
  &lt;f:facet name="top"&gt;
    &lt;!-- first quarter component rooted here --&gt;
  &lt;/f:facet&gt;
  &lt;f:facet name="center"&gt;
    &lt;af:panelStretchLayout id="inner" topHeight="33%" bottomHeight="33%"&gt;
      &lt;f:facet name="top"&gt;
        &lt;!-- second quarter component rooted here --&gt;
      &lt;/f:facet&gt;
      &lt;f:facet name="center"&gt;
        &lt;!-- third quarter component rooted here
             (the center facet gets the remaining space) --&gt;
      &lt;/f:facet&gt;
      &lt;f:facet name="bottom"&gt;
        &lt;!-- fourth quarter component rooted here --&gt;
      &lt;/f:facet&gt;
    &lt;/af:panelStretchLayout&gt;
  &lt;/f:facet&gt;
&lt;/af:panelStretchLayout&gt;</pre>
<h3>These all line up vertically, what if I wanted horizontal tiles?</h3>
<p>Instead of using &#8220;top&#8221; and &#8220;bottom&#8221; facets, use &#8220;start&#8221; and &#8220;end&#8221;.</p>
<h3>What if I don&#8217;t have a stretchable area?</h3>
<p>Without being stretchable, you cannot evenly distribute space.  You would then use something like an <a href="http://myfaces.apache.org/trinidad/">Apache MyFaces Trinidad</a> <a href="http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/trh_tableLayout.html">trh:tableLayout</a> (as seen in the <a href="http://jdevadf.oracle.com/adf-richclient-demo/faces/feature/layoutTiledFlowing.jspx">Tiled Flowing demo</a> or even a layout=&#8221;vertical&#8221; <a href="http://jdevadf.oracle.com/adf-richclient-demo/faces/components/panelGroupLayout.jspx">af:panelGroupLayout</a>.</p>
<h3>Are there any other tiled layout solutions?</h3>
<p>Yes, for the stretchable area case, you could:</p>
<ul>
<li>Use panelSplitters instead of panelStretchLayouts though splitter panels don&#8217;t use percentage units&#8211;only pixels, or</li>
<li>Use grid structure to generate the tiles as seen in the <a href="http://jdevadf.oracle.com/adf-richclient-demo/faces/feature/layoutTiledStretching.jspx">Tiled Stretching demo</a>.</li>
</ul>
<p>For more info, refer to the demos, documentation, forums, news, etc. on the Oracle ADF Faces Rich Client Components page on the Oracle Technology Network:</p>
<ul>
<li><a href="http://www.oracle.com/technology/products/adf/adffaces/index.html" target="_blank">http://www.oracle.com/technology/products/adf/adffaces/index.html</a></li>
</ul>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/formattc.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/formattc.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/formattc.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/formattc.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/formattc.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/formattc.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/formattc.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/formattc.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/formattc.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/formattc.wordpress.com/37/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=formattc.wordpress.com&blog=5190333&post=37&subd=formattc&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://formattc.wordpress.com/2009/03/23/stretchable-tiled-layout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e3d178c6f51a57ed9a571495c4c13351?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">formattc</media:title>
		</media:content>
	</item>
		<item>
		<title>CSS Spec Proposals for Transforms, Transitions, and Animation</title>
		<link>http://formattc.wordpress.com/2009/02/06/css-transforms-transitions-and-animation-spec-proposals/</link>
		<comments>http://formattc.wordpress.com/2009/02/06/css-transforms-transitions-and-animation-spec-proposals/#comments</comments>
		<pubDate>Fri, 06 Feb 2009 21:07:16 +0000</pubDate>
		<dc:creator>Matt Cooper</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://formattc.wordpress.com/?p=30</guid>
		<description><![CDATA[The folks at webkit.org are adopting animation support that has been present in mobile Safari since iPhone 2.0.  They are also proposing specs for CSS-based transforms, transitions, and animations:

http://www.w3.org/TR/css3-2d-transforms/
http://www.w3.org/TR/css3-3d-transforms/
 http://www.w3.org/TR/css3-transitions/
http://www.w3.org/TR/css3-animations/

See some animations in action using the latest nightly WebKit at:

http://webkit.org/blog/324/css-animation-2/

Firefox 3.1 is also adopting WebKit&#8217;s proposal for supporting transforms too:

https://developer.mozilla.org/web-tech/2008/09/12/css-transforms/

And of course there is [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=formattc.wordpress.com&blog=5190333&post=30&subd=formattc&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>The folks at <a href="http://webkit.org">webkit.org</a> are adopting animation support that has been present in mobile Safari since iPhone 2.0.  They are also proposing specs for CSS-based transforms, transitions, and animations:</p>
<ul>
<li><a href="http://www.w3.org/TR/css3-2d-transforms/">http://www.w3.org/TR/css3-2d-transforms/</a></li>
<li><a href="http://www.w3.org/TR/css3-3d-transforms/">http://www.w3.org/TR/css3-3d-transforms/</a></li>
<li> <a href="http://www.w3.org/TR/css3-transitions/">http://www.w3.org/TR/css3-transitions/</a></li>
<li><a href="http://www.w3.org/TR/css3-animations/">http://www.w3.org/TR/css3-animations/</a></li>
</ul>
<p>See some animations in action using the latest nightly WebKit at:</p>
<ul>
<li><a href="http://webkit.org/blog/324/css-animation-2/">http://webkit.org/blog/324/css-animation-2/</a></li>
</ul>
<p>Firefox 3.1 is also adopting WebKit&#8217;s proposal for supporting transforms too:</p>
<ul>
<li><a href="https://developer.mozilla.org/web-tech/2008/09/12/css-transforms/">https://developer.mozilla.org/web-tech/2008/09/12/css-transforms/</a></li>
</ul>
<p>And of course there is also the cryptic filters that IE supports for transforms:</p>
<ul>
<li><a href="http://msdn.microsoft.com/en-us/library/ms533014(VS.85).aspx">http://msdn.microsoft.com/en-us/library/ms533014(VS.85).aspx</a></li>
</ul>
<p>It will be nice to have all of these varying implementations conform to a standard.</p>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/formattc.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/formattc.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/formattc.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/formattc.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/formattc.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/formattc.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/formattc.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/formattc.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/formattc.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/formattc.wordpress.com/30/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=formattc.wordpress.com&blog=5190333&post=30&subd=formattc&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://formattc.wordpress.com/2009/02/06/css-transforms-transitions-and-animation-spec-proposals/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e3d178c6f51a57ed9a571495c4c13351?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">formattc</media:title>
		</media:content>
	</item>
		<item>
		<title>Woodstock Migration to ADF Faces Rich Client</title>
		<link>http://formattc.wordpress.com/2009/02/03/woodstock-migration-to-adf-faces-rich-client/</link>
		<comments>http://formattc.wordpress.com/2009/02/03/woodstock-migration-to-adf-faces-rich-client/#comments</comments>
		<pubDate>Tue, 03 Feb 2009 20:26:13 +0000</pubDate>
		<dc:creator>Matt Cooper</dc:creator>
				<category><![CDATA[java]]></category>
		<category><![CDATA[jdeveloper]]></category>
		<category><![CDATA[jsf]]></category>

		<guid isPermaLink="false">http://formattc.wordpress.com/?p=27</guid>
		<description><![CDATA[There is now a tutorial for migrating from Sun&#8217;s Woodstock JSF component into Oracle ADF Faces Rich Client components:
http://www.oracle.com/technology/products/adf/adffaces/woodstock2adfMatix.html
       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=formattc.wordpress.com&blog=5190333&post=27&subd=formattc&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>There is now a tutorial for migrating from Sun&#8217;s Woodstock JSF component into Oracle ADF Faces Rich Client components:</p>
<p><a href="http://www.oracle.com/technology/products/adf/adffaces/woodstock2adfMatix.html">http://www.oracle.com/technology/products/adf/adffaces/woodstock2adfMatix.html</a></p>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/formattc.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/formattc.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/formattc.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/formattc.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/formattc.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/formattc.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/formattc.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/formattc.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/formattc.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/formattc.wordpress.com/27/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=formattc.wordpress.com&blog=5190333&post=27&subd=formattc&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://formattc.wordpress.com/2009/02/03/woodstock-migration-to-adf-faces-rich-client/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e3d178c6f51a57ed9a571495c4c13351?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">formattc</media:title>
		</media:content>
	</item>
		<item>
		<title>Visualizing the CSS Box Model</title>
		<link>http://formattc.wordpress.com/2008/10/21/visualizing-the-css-box-model/</link>
		<comments>http://formattc.wordpress.com/2008/10/21/visualizing-the-css-box-model/#comments</comments>
		<pubDate>Wed, 22 Oct 2008 00:11:26 +0000</pubDate>
		<dc:creator>Matt Cooper</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[box model]]></category>

		<guid isPermaLink="false">http://formattc.wordpress.com/?p=17</guid>
		<description><![CDATA[Since the way web browsers deal with width and height is so non-intuitive, I&#8217;ve created this a handy guide showing how the CSS (Cascading Style Sheets) box model applies widths and heights when scrolling, margins, borders, and padding are involved:

       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=formattc.wordpress.com&blog=5190333&post=17&subd=formattc&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Since the way web browsers deal with width and height is so non-intuitive, I&#8217;ve created this a handy guide showing how the CSS (Cascading Style Sheets) box model applies widths and heights when scrolling, margins, borders, and padding are involved:<br />
<img src="http://formattc.files.wordpress.com/2008/10/box-model.png" alt="Box Model" /></p>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/formattc.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/formattc.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/formattc.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/formattc.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/formattc.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/formattc.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/formattc.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/formattc.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/formattc.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/formattc.wordpress.com/17/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=formattc.wordpress.com&blog=5190333&post=17&subd=formattc&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://formattc.wordpress.com/2008/10/21/visualizing-the-css-box-model/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e3d178c6f51a57ed9a571495c4c13351?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">formattc</media:title>
		</media:content>

		<media:content url="http://formattc.files.wordpress.com/2008/10/box-model.png" medium="image">
			<media:title type="html">Box Model</media:title>
		</media:content>
	</item>
		<item>
		<title>JDeveloper and ADF Faces Rich Client Demos</title>
		<link>http://formattc.wordpress.com/2008/10/18/12/</link>
		<comments>http://formattc.wordpress.com/2008/10/18/12/#comments</comments>
		<pubDate>Sun, 19 Oct 2008 04:09:50 +0000</pubDate>
		<dc:creator>Matt Cooper</dc:creator>
				<category><![CDATA[jdeveloper]]></category>
		<category><![CDATA[jsf]]></category>
		<category><![CDATA[adf]]></category>
		<category><![CDATA[demo]]></category>
		<category><![CDATA[faces]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[oracle]]></category>
		<category><![CDATA[rich client]]></category>

		<guid isPermaLink="false">http://formattc.wordpress.com/?p=12</guid>
		<description><![CDATA[Oracle JDeveloper 11g is now production.
The Oracle ADF Faces Rich Client Demos are also now available online.
       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=formattc.wordpress.com&blog=5190333&post=12&subd=formattc&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><a href="http://www.oracle.com/technology/products/jdev/index.html">Oracle JDeveloper 11g</a> is now production.</p>
<p>The Oracle <a href="http://jdevadf.oracle.com/adf-richclient-demo/faces/index.jspx">ADF Faces Rich Client Demos</a> are also now available online.</p>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/formattc.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/formattc.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/formattc.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/formattc.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/formattc.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/formattc.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/formattc.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/formattc.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/formattc.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/formattc.wordpress.com/12/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=formattc.wordpress.com&blog=5190333&post=12&subd=formattc&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://formattc.wordpress.com/2008/10/18/12/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e3d178c6f51a57ed9a571495c4c13351?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">formattc</media:title>
		</media:content>
	</item>
	</channel>
</rss>