April 1st, 2010

How To Display Two Websites Side By Side In Your Browser

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 your web browser by uploading a HTML file onto your web server.

Some Examples

Note that you can replace these web apps by changing the URLs.

Left: Hahlo Center: SUBERNOVA Right: RememberTheMilk

sidebyside 3 sites How To Display Two Websites Side By Side In Your Browser
Left: SUBERNOVA Right: Hahlo

sidebyside 2 sites How To Display Two Websites Side By Side In Your Browser
Left: Hahlo Right: SUBERNOVA

sidebyside 2 sites2 How To Display Two Websites Side By Side In Your Browser
The possibilities are almost endless, for example running Gmail alongside Hahlo for Twitter is pretty fun.

Get The HTML Script

For developers, I know, you can write this markup yourself, but by downloading the script it’ll save you time and brain cells.

Download link: http://drp.ly/JenfB

Instructions

side by side folders How To Display Two Websites Side By Side In Your BrowserOnce you get the script, you will find 3 folders each containing one “index.html” file.

Open up one of the “index.html” file and change the URLs to whatever you want it to be. There are comments in the html files to help you too.

Have fun!




Tips n Tricks