<?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; Hahlo</title>
	<atom:link href="http://www.suberapps.com/tag/hahlo/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>How To Display Two Websites Side By Side In Your Browser</title>
		<link>http://www.suberapps.com/tips-and-tricks/how-to-display-two-websites-side-by-side-in-your-browser/</link>
		<comments>http://www.suberapps.com/tips-and-tricks/how-to-display-two-websites-side-by-side-in-your-browser/#comments</comments>
		<pubDate>Thu, 01 Apr 2010 10:17:22 +0000</pubDate>
		<dc:creator>benhomie</dc:creator>
				<category><![CDATA[Tips n Tricks]]></category>
		<category><![CDATA[Hahlo]]></category>
		<category><![CDATA[Multiple websites]]></category>
		<category><![CDATA[rememberthemilk]]></category>
		<category><![CDATA[Subernova]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.suberapps.com/?p=1927</guid>
		<description><![CDATA[
			
				
			
		
Previously, I discussed some useful tips and ideas for Fluid app. With those tips, you can run two sites side by side. For example, you can run Gmail and an iPhone optimized website (eg. Twitter) side by side.
But this trick can only be performed using Fluid.
With this tip, you can perform the same trick on [...]<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%2Ftips-and-tricks%2Fhow-to-display-two-websites-side-by-side-in-your-browser%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="How To Display Two Websites Side By Side In Your Browser" alt=" How To Display Two Websites Side By Side In Your Browser" /><br />
			</a>
		</div>
<p style="clear: both">Previously, I discussed some <a title="Useful Tips &amp; Ideas for Fluid App" href="http://www.suberapps.com/2010/02/14/useful-tips-ideas-for-fluid-app/" target="_blank">useful tips and ideas for Fluid app</a>. With those tips, you can run two sites side by side. For example, you can run Gmail and an iPhone optimized website (eg. Twitter) side by side.</p>
<p style="clear: both">But this trick can only be performed using <a title="Fluid" href="http://fluidapp.com/" target="_blank">Fluid</a>.</p>
<p style="clear: both">With this tip, you can perform the same trick on your web browser by uploading a HTML file onto your web server.</p>
<h2><strong>Some Examples</strong></h2>
<p style="clear: both">Note that you can replace these web apps by changing the URLs.</p>
<p style="clear: both"><strong>Left</strong>: <a title="Hahlo" href="http://www.hahlo.com" target="_blank">Hahlo</a> <strong>Center</strong>: <a title="SUBERNOVA" href="http://www.subernova.com" target="_blank">SUBERNOVA</a> <strong>Right</strong>: <a title="Remember The Milk" href="http://www.rememberthemilk.com" target="_blank">RememberTheMilk</a></p>
<p style="clear: both"><img style=" display: inline; float: left; margin: 0 10px 10px 0;" src="http://www.suberapps.com/wp-content/uploads/sidebyside-3-sites.jpg" alt="sidebyside 3 sites How To Display Two Websites Side By Side In Your Browser" width="586" height="378" align="left" title="How To Display Two Websites Side By Side In Your Browser" /><br style="clear: both" /><strong>Left</strong>: <a title="SUBERNOVA" href="http://www.subernova.com" target="_blank">SUBERNOVA</a> <strong>Right</strong>: <a title="Hahlo" href="http://www.hahlo.com" target="_blank">Hahlo</a></p>
<p style="clear: both"><img style=" display: inline; float: left; margin: 0 10px 10px 0;" src="http://www.suberapps.com/wp-content/uploads/sidebyside-2-sites.jpg" alt="sidebyside 2 sites How To Display Two Websites Side By Side In Your Browser" width="586" height="401" align="left" title="How To Display Two Websites Side By Side In Your Browser" /><br style="clear: both" /><strong><strong>Left</strong>: <a title="Hahlo" href="http://www.hahlo.com" target="_blank">Hahlo</a> Right</strong>: <a title="SUBERNOVA" href="http://www.subernova.com" target="_blank">SUBERNOVA</a></p>
<p style="clear: both"><img style=" display: inline; float: left; margin: 0 10px 10px 0;" src="http://www.suberapps.com/wp-content/uploads/sidebyside-2-sites2.jpg" alt="sidebyside 2 sites2 How To Display Two Websites Side By Side In Your Browser" width="586" height="401" align="left" title="How To Display Two Websites Side By Side In Your Browser" /><br style="clear: both" />The possibilities are almost endless, for example running Gmail alongside Hahlo for Twitter is pretty fun.</p>
<p style="clear: both">
<h2><strong>Get The HTML Script</strong></h2>
<p style="clear: both">For developers, I know, you can write this markup yourself, but by downloading the script it&#8217;ll save you time and brain cells.</p>
<p style="clear: both">Download link: <a title="Download the script" href="http://drp.ly/JenfB" target="_blank">http://drp.ly/JenfB</a></p>
<p style="clear: both">
<h2><strong>Instructions</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/side-by-side-folders.jpg" alt="side by side folders How To Display Two Websites Side By Side In Your Browser" width="333" height="70" align="left" title="How To Display Two Websites Side By Side In Your Browser" />Once you get the script, you will find 3 folders each containing one &#8220;index.html&#8221; file.</p>
<p>Open up one of the &#8220;index.html&#8221; file and change the URLs to whatever you want it to be. There are comments in the html files to help you too.</p>
<p style="clear: both">Have fun!</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 How To Display Two Websites Side By Side In Your Browser" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.suberapps.com/tips-and-tricks/how-to-display-two-websites-side-by-side-in-your-browser/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Useful Tips &amp; Ideas for Fluid App</title>
		<link>http://www.suberapps.com/tips-and-tricks/useful-tips-ideas-for-fluid-app/</link>
		<comments>http://www.suberapps.com/tips-and-tricks/useful-tips-ideas-for-fluid-app/#comments</comments>
		<pubDate>Sun, 14 Feb 2010 02:58:15 +0000</pubDate>
		<dc:creator>benhomie</dc:creator>
				<category><![CDATA[Mac Apps]]></category>
		<category><![CDATA[Tips n Tricks]]></category>
		<category><![CDATA[Web Apps]]></category>
		<category><![CDATA[Buzz]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[fluid]]></category>
		<category><![CDATA[fluidapp]]></category>
		<category><![CDATA[gmail]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[google buzz]]></category>
		<category><![CDATA[google calendar]]></category>
		<category><![CDATA[google wave]]></category>
		<category><![CDATA[Hahlo]]></category>
		<category><![CDATA[mobileme]]></category>
		<category><![CDATA[seesmic]]></category>
		<category><![CDATA[seesmic web]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[social networks]]></category>
		<category><![CDATA[Ssbs]]></category>
		<category><![CDATA[Suberapps]]></category>
		<category><![CDATA[Subernova]]></category>
		<category><![CDATA[threadsy]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.suberapps.com/?p=1881</guid>
		<description><![CDATA[
			
				
			
		
Most of you should have known Fluid by now. With Fluid app, you can create &#8220;Site Specific Browsers (SSB)&#8221;, basically turning any web apps into a desktop app. Essentially what Fluid does is create a browser that is dedicated to a single application. To read more about Fluid, read my previous review.
The best thing about [...]<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%2Ftips-and-tricks%2Fuseful-tips-ideas-for-fluid-app%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="Useful Tips & Ideas for Fluid App" alt=" Useful Tips & Ideas for Fluid App" /><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/Fluid-Icon.jpg" alt="Fluid Icon Useful Tips & Ideas for Fluid App" width="242" height="150" align="left" title="Useful Tips & Ideas for Fluid App" />Most of you should have known <a title="Fluid" href="http://fluidapp.com/" target="_blank">Fluid</a> by now. With Fluid app, you can create &#8220;Site Specific Browsers (SSB)&#8221;, basically turning any web apps into a desktop app. Essentially what Fluid does is create a browser that is dedicated to a single application. To read more about Fluid, <a title="Fluid App" href="http://www.suberapps.com/2009/01/28/turn-web-apps-into-desktop-apps-with-fluid/" target="_blank">read my previous review</a>.</p>
<p style="clear: both"><img style=" display: inline; float: left; margin: 0 10px 10px 0;" src="http://www.suberapps.com/wp-content/uploads/browsa.jpg" alt="browsa Useful Tips & Ideas for Fluid App" width="249" height="90" align="left" title="Useful Tips & Ideas for Fluid App" />The best thing about Fluid in my opinion, is the ability to let you add another app using the Browsa plugin so that both the main web app and the &#8220;browsa plugin app&#8221; runs side by side.</p>
<p style="clear: both">This is incredibly useful when you mash-up two web apps that compliments each other &#8211; with the &#8220;browsa plugin app&#8221; being an iPhone web app.</p>
<p style="clear: both">To get what I mean, here&#8217;s a couple of examples:</p>
<p style="clear: both">
<h2><strong>Gmail + Google Calendar</strong></h2>
<p style="clear: both">I created a <a title="Gmail" href="http://www.gmail.com" target="_blank">Gmail</a> SSB using Fluid, thereafter adding the iPhone&#8217;s version of Google Calendar as a browsa plugin that runs on the right side of Gmail. There you have it, Gmail and Google Calendar running side by side! You can send emails and check schedules at the same time.</p>
<p style="clear: both"><img style=" display: inline; float: left; margin: 0 10px 10px 0;" src="http://www.suberapps.com/wp-content/uploads/gmail_calendar.jpg" alt="gmail calendar Useful Tips & Ideas for Fluid App" width="586" height="393" align="left" title="Useful Tips & Ideas for Fluid App" /><br style="clear: both" /><strong> </strong></p>
<h2></h2>
<h2><strong>SUBERNOVA + Google Calendar</strong></h2>
<p style="clear: both"><a title="SUBERNOVA - Project Management and Team Collaboration" href="http://www.subernova.com" target="_blank">SUBERNOVA</a> gives you an iCal link in which you can subscribe to your projects and milestones calendar using Google Calendar or any calendar of your choice. Here&#8217;s an SSB that runs SUBERNOVA and Google Calendar side by side.</p>
<p style="clear: both"><img style=" display: inline; float: left; margin: 0 10px 10px 0;" src="http://www.suberapps.com/wp-content/uploads/subernova_calendar.jpg" alt="subernova calendar Useful Tips & Ideas for Fluid App" width="586" height="394" align="left" title="Useful Tips & Ideas for Fluid App" /><br style="clear: both" /><strong> </strong></p>
<p style="clear: both">
<h2><strong>Gmail + Remember The Milk</strong></h2>
<p style="clear: both">If you are a Gmail + <a title="Remember The Milk" href="http://www.rememberthemilk.com/" target="_blank">RememberTheMilk</a> user, you&#8217;ll like this.</p>
<p style="clear: both"><img style=" display: inline; float: left; margin: 0 10px 10px 0;" src="http://www.suberapps.com/wp-content/uploads/gmail_rtm.jpg" alt="gmail rtm Useful Tips & Ideas for Fluid App" width="586" height="393" align="left" title="Useful Tips & Ideas for Fluid App" /><br style="clear: both" /><strong> </strong></p>
<p style="clear: both">
<h2><strong>Threadsy + Hahlo</strong></h2>
<p style="clear: both"><a title="Threadsy - Pull Yourself Together" href="http://www.threadsy.com" target="_blank">Threadsy</a> is my new favourite web application. I can check my <a href="http://www.me.com" target="_blank">MobileMe</a> email, work email (hosted on <a title="Google Apps" href="http://www.google.com/a" target="_blank">Google Apps</a>), <a title="Twitter" href="http://www.twitter.com" target="_blank">Twitter</a> and <a title="Facebook" href="http://www.facebook.com" target="_blank">Facebook</a> all in one interface. Sparing me from opening too many browser tabs or desktop apps. This, really simplifies my life, moreover the UI is delicious! If web apps are edible, this surely leaves a sweet after taste.</p>
<p style="clear: both">The only problem I have is that Threadsy doesn&#8217;t support <a title="Twitter Lists" href="http://blog.twitter.com/2009/10/theres-list-for-that.html" target="_blank">Twitter Lists</a>. Hence, running Hahlo beside Theadsy may be a good choice for stranded Twitter users like me.</p>
<p style="clear: both"><img style=" display: inline; float: left; margin: 0 10px 10px 0;" src="http://www.suberapps.com/wp-content/uploads/threadsy_hahlo.jpg" alt="threadsy hahlo Useful Tips & Ideas for Fluid App" width="586" height="402" align="left" title="Useful Tips & Ideas for Fluid App" /><br style="clear: both" /><strong> </strong></p>
<p style="clear: both">
<h2><strong>Seesmic Web + Facebook</strong></h2>
<p style="clear: both">The good thing about <a title="Seesmic app" href="http://www.seesmic.com/app" target="_blank">Seesmic</a> as a Twitter web app is that it lets you split different tweet categories into horizontal panels, eg. mentions, dms, lists etc. This makes it easy to scan through tweets. If you&#8217;re a Twitter user but don&#8217;t want to miss out on Facebook updates, pop an iPhone optimized version of Facebook to the right of Seesmic!</p>
<p style="clear: both"><img style=" display: inline; float: left; margin: 0 10px 10px 0;" src="http://www.suberapps.com/wp-content/uploads/seesmic_facebook.jpg" alt="seesmic facebook Useful Tips & Ideas for Fluid App" width="586" height="400" align="left" title="Useful Tips & Ideas for Fluid App" /><br style="clear: both" /><strong> </strong></p>
<p style="clear: both">
<h2><strong>Google Wave + Google Buzz</strong></h2>
<p style="clear: both">Doesn&#8217;t mean some people don&#8217;t get <a title="Google Wave" href="http://wave.google.com/" target="_blank">Google Wave</a> and talks rot about <a title="Google Buzz" href="http://buzz.google.com/" target="_blank">Google Buzz</a>, it makes them any less useful. If you like both of Google&#8217;s latest innovation, this is a good match.</p>
<p style="clear: both"><img style=" display: inline; float: left; margin: 0 10px 10px 0;" src="http://www.suberapps.com/wp-content/uploads/google-wave_google-buzz.jpg" alt="google wave google buzz Useful Tips & Ideas for Fluid App" width="586" height="400" align="left" title="Useful Tips & Ideas for Fluid App" /><br style="clear: both" />I hope you find these tips useful and your imagination running wild by a little. :)</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 Useful Tips & Ideas for Fluid App" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.suberapps.com/tips-and-tricks/useful-tips-ideas-for-fluid-app/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
	</channel>
</rss>

