<?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; Multiple websites</title>
	<atom:link href="http://www.suberapps.com/tag/multiple-websites/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>
	</channel>
</rss>

