<?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>SUBERAPPS &#187; native apps</title>
	<atom:link href="http://www.suberapps.com/tag/native-apps/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.suberapps.com</link>
	<description>Everything apps - news, reviews and discoveries</description>
	<lastBuildDate>Mon, 05 Mar 2012 17:23:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Turn Web Apps into Desktop Apps with Fluid</title>
		<link>http://www.suberapps.com/web-apps/turn-web-apps-into-desktop-apps-with-fluid/</link>
		<comments>http://www.suberapps.com/web-apps/turn-web-apps-into-desktop-apps-with-fluid/#comments</comments>
		<pubDate>Wed, 28 Jan 2009 17:15:47 +0000</pubDate>
		<dc:creator>benhomie</dc:creator>
				<category><![CDATA[Mac Apps]]></category>
		<category><![CDATA[Web Apps]]></category>
		<category><![CDATA[convert]]></category>
		<category><![CDATA[fluid]]></category>
		<category><![CDATA[native apps]]></category>
		<category><![CDATA[Suberapps]]></category>

		<guid isPermaLink="false">http://www.suberapps.com/?p=759</guid>
		<description><![CDATA[
			
				
			
		
As a web designer, I spend a large amount of time on the internet, using lots of web apps like Freshbooks, to send and track estimates and invoices to my clients, SQL Buddy, a much more beautiful alternative to PHPmyAdmin which I have installed on my own hosting server to manage mySQL databases, Google Reader, [...]<p><span style="font-size:10px;color:grey;">Check out SUBERNOVA online project management tool:</span><br/>
<a href="http://www.subernova.com/?utm_source=suberapps&utm_medium=rss_banner&utm_campaign=rss_footer" title="Check out SUBERNOVA"><img src="http://www.suberapps.com/ads/subernova_426x100.jpg" title="SUBERNOVA"/></a></p>
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.suberapps.com%2Fweb-apps%2Fturn-web-apps-into-desktop-apps-with-fluid%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif&amp;source=SUBERAPPS&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" title="Turn Web Apps into Desktop Apps with Fluid" alt=" Turn Web Apps into Desktop Apps with Fluid" /><br />
			</a>
		</div>
<p style="clear: both"><img style=" display: inline; float: left; margin: 0 10px 10px 0;" src="http://www.suberapps.com/wp-content/uploads/fluid1.png" alt="fluid1 Turn Web Apps into Desktop Apps with Fluid" width="378" height="130" align="left" title="Turn Web Apps into Desktop Apps with Fluid" /><br style="clear: both" />As a web designer, I spend a large amount of time on the internet, using lots of web apps like <a href="http://www.freshbooks.com" target="_blank">Freshbooks</a>, to send and track estimates and invoices to my clients, <a href="http://www.sqlbuddy.com/" target="_blank">SQL Buddy</a>, a much more beautiful alternative to PHPmyAdmin which I have installed on my own hosting server to manage mySQL databases, <a href="http://www.google.com/reader" target="_blank">Google Reader</a>, to keep myself up to date with my favourite news, and the list goes on.</p>
<p style="clear: both">If you&#8217;re like me, you will wish that the developers have built the web apps native for Mac OS X, so that your browser won&#8217;t be cluttered with too many tabs. I&#8217;m not saying that by turning all your web apps into desktop apps won&#8217;t clutter up your dock, but at least resource hungry web apps that are AJAX or Flash driven (eg. <a title="Picnik" href="http://www.picnik.com/" target="_blank">Picnik</a> or <a title="Photoshop Express" href="http://www.photoshopexpress.com" target="_blank">Photoshop Express</a>) won&#8217;t consume too much memory for your browser&#8217;s liking.</p>
<h2>Meet <a href="http://fluidapp.com/" target="_blank">Fluid</a> (Free)</h2>
<p style="clear: both">Fluid not only convert your frequently used web apps into desktop apps, or Site Specific Browsers (SSBs), it also does a little more. Take Google Reader or Gmail for example, you&#8217;ll be able to see unread counts as a dock badge on your dock icon like this (also applies to Gmail):</p>
<p style="clear: both"><img style=" display: inline; float: left; margin: 0 10px 10px 0;" src="http://www.suberapps.com/wp-content/uploads/fluid-unread-counts1.jpg" alt="fluid unread counts1 Turn Web Apps into Desktop Apps with Fluid" width="280" height="175" align="left" title="Turn Web Apps into Desktop Apps with Fluid" /><br style="clear: both" />If you use Twitter, you can even turn <a title="Hahlo" href="http://www.hahlo.com" target="_blank">Hahlo.com</a> (a Twitter web app client optimized for iPhone) into a menu item, complete with Growl notifications, watch the video below to see how to do that.</p>
<p style="clear: both"><span style=" display: inline; float: left; margin: 0 10px 10px 0;"><object width="380" height="273" data="http://www.viddler.com/player/46a6569e/" type="application/x-shockwave-flash"><param name="id" value="viddler" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="wmode" value="transparent" /><param name="src" value="http://www.viddler.com/player/46a6569e/" /><param name="name" value="viddler" /><param name="allowfullscreen" value="true" /></object></span><br style="clear: both" />Here&#8217;s a couple of web apps I have converted into a Mac OS X native desktop application:</p>
<h3><strong>Google Reader<br />
</strong></h3>
<h3><img style=" display: inline; float: left; margin: 0 10px 10px 0;" src="http://www.suberapps.com/wp-content/uploads/fluid-google-reader1.png" alt="fluid google reader1 Turn Web Apps into Desktop Apps with Fluid" width="586" height="415" align="left" title="Turn Web Apps into Desktop Apps with Fluid" /><br style="clear: both" /><strong>mySQL Database &#8211; SQL Buddy</strong></h3>
<h3><img style=" display: inline; float: left; margin: 0 10px 10px 0;" src="http://www.suberapps.com/wp-content/uploads/hex-sql-database1.png" alt="hex sql database1 Turn Web Apps into Desktop Apps with Fluid" width="586" height="431" align="left" title="Turn Web Apps into Desktop Apps with Fluid" /><br style="clear: both" /><strong>Freshbooks</strong></h3>
<p style="clear: both"><img style=" display: inline; float: left; margin: 0 10px 10px 0;" src="http://www.suberapps.com/wp-content/uploads/fluid-freshbooks1.png" alt="fluid freshbooks1 Turn Web Apps into Desktop Apps with Fluid" width="586" height="398" align="left" title="Turn Web Apps into Desktop Apps with Fluid" /><br style="clear: both" />The possibilities are endless. For instance, I like to manage mySQL databases as a standalone application so that I can put it on my other screen without needing to switch to my browser to manage a database during a development process. If you don&#8217;t have dual monitors, switching to a web app is only a matter of Cmd+TAB.</p>
<p style="clear: both">Coupled with <a title="QuickSilver" href="http://www.blacktree.com/" target="_blank">QuickSilver</a>, <a title="LaunchBar" href="http://www.obdev.at/launchbar" target="_blank">Launchbar</a> or any other application launchers, it&#8217;s even easier to launch your frequently used web apps quickly, avid app launcher users will know what I mean.</p>
<h2><strong>How does the app work?</strong></h2>
<p style="clear: both"><img style=" display: inline; float: left; margin: 0 10px 10px 0;" src="http://www.suberapps.com/wp-content/uploads/fluid-interface4.png" alt="fluid interface4 Turn Web Apps into Desktop Apps with Fluid" width="586" height="357" align="left" title="Turn Web Apps into Desktop Apps with Fluid" /><br style="clear: both" />Converting a web app into a Mac app is easy, launch Fluid and you&#8217;ll be greeted by a user friendly window. Enter the URL of the web app you&#8217;re converting, the name of the app, and choose between using the website&#8217;s favicon as a dock icon (not recommended as your icon will be blurry), or choose your own icon (highly recommended). If you have an image file eg. png, jpg, gif, bmp, but not sure how to convert it into a Mac icon, go <a title="iConvert - convert images into icons" href="http://www.eisbox.net/iconvert/" target="_blank">here</a>, or if you don&#8217;t mind paying for a native Mac OS X icon convertor, <a title="Img2icns App" href="http://www.img2icnsapp.com/" target="_blank">here&#8217;s a good looking and functional one</a>.</p>
<p style="clear: both">It&#8217;s that easy, the following are more videos to learn more about Fluid (the TinyURL feature is really handy):</p>
<h3><strong>The Fluid Thumbnail Plug-in:</strong></h3>
<h3><span style=" display: inline; float: left; margin: 0 10px 10px 0;"><object width="380" height="273" data="http://www.viddler.com/player/149254d2/" type="application/x-shockwave-flash"><param name="id" value="viddler" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="wmode" value="transparent" /><param name="src" value="http://www.viddler.com/player/149254d2/" /><param name="name" value="viddler" /><param name="allowfullscreen" value="true" /></object></span><br style="clear: both" /><strong>Fluid TinyURL Features:</strong></h3>
<p style="clear: both"><span style=" display: inline; float: left; margin: 0 10px 10px 0;"><object width="380" height="273" data="http://www.viddler.com/player/d6be4477/" type="application/x-shockwave-flash"><param name="id" value="viddler" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="wmode" value="transparent" /><param name="src" value="http://www.viddler.com/player/d6be4477/" /><param name="name" value="viddler" /><param name="allowfullscreen" value="true" /></object></span><br style="clear: both" />Enjoy!</p>
<p><br class="final-break" style="clear: both" /></p>
<p><span style="font-size:10px;color:grey;">Check out SUBERNOVA online project management tool:</span><br/>
<a href="http://www.subernova.com/?utm_source=suberapps&utm_medium=rss_banner&utm_campaign=rss_footer" title="Check out SUBERNOVA"><img src="http://www.suberapps.com/ads/subernova_426x100.jpg" title="SUBERNOVA" alt="subernova 426x100 Turn Web Apps into Desktop Apps with Fluid" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.suberapps.com/web-apps/turn-web-apps-into-desktop-apps-with-fluid/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

