Use Facebook Chat without opening Facebook.com

Facebook includes an awesome chat feature that lets you instantly start conversations with your Facebook buddies without installing any IM software but the only small issue is that you need to be on the Facebook.com website in order to use Facebook chat.

If you find this a bit inconvenient, here are some good workarounds that will let you chat on Facebook from anywhere without even having to open the Facebook site in your browser.

Facebook Chat Inside the Web Browser

If you have Google Chrome or Prism for Firefox, you can open this address in your browser address bar and then create an application shortcut to Facebook chat on your desktop.

Firefox users may bookmark the above link and set the "Load this bookmark in Sidebar" property to true in order to use Facebook chat from the Firefox sidebar.

Update: Use Skype as Facebook Chat Client

If you an IE user or hate to use Facebook chat from the sidebar, try Gabtastik - this is a minimal desktop client for Facebook that looks exactly like the web version of Facebook chat but will also send you notifications of new messages and chat requests from the system tray.

Meebo, the very awesome web based instant messaging service, now supports Facebook chat as well. You can connect your Facebook account with meebo via the Facebook Connect service (so there's no need to share your Facebook credentials with anyone) and instantly chat with your online buddies inside the web browser.

There are two advantages here - you can use Facebook chat even if the main Facebook.com site is blocked in your office and two, you can simultaneously connect with friends on other IM networks from the same website.

Facebook Chat Clients for your Desktop

ChitChat - If Facebook were to develop a standalone messenger on the lines of Yahoo! or Google Talk, it might look something like ChitChat.

ChitChat is a Windows-only desktop client for Facebook that provides a tabbed window to make it easy for you to talk to may friends at once. It will also show notifications in the tray when your friends go online or when they have signed out. The application is in RC stage so expect a few bugs.

Digsby - This is again a very useful all-in-one app that helps you stay up to date with everything happening on your Facebook, Twitter, Gmail, LinkedIn and other online accounts.

If you have multiple accounts on Facebook (like you and your spouse), you can associate all of them with your Disgsby messenger and chat with the combined buddy list simultaneously. Facebook doesn't allow audio or video calls but Digsby indirectly brings that feature to Facebook Chat via tokbox.

Adium - If you are on Mac, Adium is probably the best choice for you to chat with Facebook friends from the desktop.

Like Pidgin and Digsby, Adium too supports multiple IM networks, including Windows Live Messenger, Google Talk, AOL AIM, ICQ, Yahoo! Messenger, Skype, Twitter and Jabber (XMPP). And it uses the same Facebook Chat plugin that is available for Pidgin users on Google Code.

Pidgin - While Facebook Chat is not officially supported in Pidgin, there's a free plug-in that lets you connect to the Facebook chat server from Pidgin. And like Digsby, Pidgin too would let you chat with buddies on multiple Facebook accounts from the same interface.

Pidgin vs Digsby - Pidgin is purely for instant messaging while Digsby will also display notifications like when a friends sends you a message using Facebook email or if he or she writes something on your Facebook wall. Some people in the comments say that even Pidgin displays notifications but at least that doesn't work in Windows 7.

Pidgin will show all your Facebook contacts in one giant list (see update) while Digsby will group contacts under logical "Friends list" just the way you have them on the main facebook.com site. Update: The new version of Facebook Chat plugin for Pidgin displays your online friends under groups just like Pidgin.

How to Host your Website on Google

In what looks like a brilliant PR win for Google, the Royal Family of UK has selected Google as the web hosting provider for Prince William’s official wedding website. The site, available at officialroyalwedding2011.org, contains news updates, photo galleries and videos and all this is hosted on Google App Engine.

What’s new here? Web developers have long used Google App Engine to host web apps in the cloud - see Sleeping Time and Tall Tweets for example - but this is probably the first time that Google’s infrastructure is being used to host a 'static website' of an event that will get plenty of press attention and web traffic in the coming days.

Host your own website on Google App Engine

There are quite a few advantages with hosting websites on Google App Engine. First, it should be more reliable since your site will get served through Google’s own data centers.

Second, if you have a low traffic website, it is highly likely that you won’t have to spend a penny for web hosting. You get 1 GB of free storage space for hosting your images, HTML web pages and other files and 1 GB of bandwidth per day. If you exceed that quota, you pay-per-use similar to Amazon S3.

Ready to jump?

With a regular web hosting company, you rend some storage space on their server, you then transfer your HTML and other files to that server using FTP or cPanel and your website is ready to serve. Google App Engine works in similar manner except that the file transfer mechanism is a bit different.

Step 1: Go to appengine.google.com and create a new application. If you have never used App Engine before, you might be asked to verify your mobile phone number before you can create a new app.

Step 2: Give your application a name – it should be unique and may only include lowercase alphabets and digits. For this example, our app identifier is “thisismyawesomewebsite”.

Step 3: The next two sub-steps may scare some of you but trust me, they simply require you download and run two installers in the given sequence.

3a. Download and install Python from python.org.
3b. Download and install App Engine SDK from this code.google.com.

Step 4: Download and unzip this file - website.zip – somewhere on your desktop. It contains a basic website with some HTML pages, images and CSS that we’ll try to host with Google App Engine.

Step 5: Open the app.yaml file with notepad and replace the word ‘labnol’ with the application identifier that you created in Step 2 above. Save the changes.

Step 6: Finally it’s time to deploy /upload our website to Google App Engine. Open the Google App Engine Launcher program from the Start Menu, choose File –> Add Existing Application and browse to the folder where you unzipped the website.

Hit the deploy button, input your Google Account credentials and within seconds, your website should become available online at abc.appspot.com where abc is your unique app identifier. Later, if you add or modify any web page, press Deploy again and your new /edited files will get uploaded to App Engine.

Video Tutorial: Hosting your Website with Google

Your website will be hosted as a sub-domain of appspot.com but you can register a web domain with Google Apps and map the App Engine website to your own domain.

Using Microsoft Office and Google Docs Together

While there’s plenty of overlap between desktop-based Microsoft Office and web-based Google Docs, each tool has its own strong points.

For instance, Microsoft Office offers excellent tools for you to create and edit documents, presentations and spreadsheets in an offline environment. Google Docs lets can easily view and edit your Office documents using the browser itself – this comes handy when you aren’t carrying your laptop computer (that has all the documents) or are using a device that doesn’t have Microsoft Office (like your mobile phone).

One tool is good for creating documents while the other helps you access documents on the go and thus it is makes good sense to use both these tools together.

Integrating Microsoft Office with Google Docs

An idle workflow would be that you create your document in Microsoft Office and it instantly becomes available in Google Docs (and vice-versa). Also, if you make any edits in the cloud, they should sync with the copy on the desktop.

Now there are quite a few tools that let you integrate Microsoft Office with Google Docs though, because of certain limitations in the Google Docs API, two-way synchronization between the two Office products is still far from perfect. Here are some tools worth a try:

1. Google Cloud Connect – This is a free plugin for Microsoft Office that will let you save your Office documents to your Google Docs account with a click.

Compose a new document inside Word, Excel or PowerPoint and hit the Sync button to upload it to your Google account. This is a one-way street - if you make any edits to your documents in the cloud, those changes won’t be available locally. (screenshot)

2. Offisync – Before Google Cloud Connect hit the web, Offisync was the only good option for saving documents directly to Google Docs from within Microsoft Office programs (read detailed review of Offisync software).

Unlike the ugly toolbar of Cloud Connect, Offisync adds a ribbon tab to your Microsoft Office allowing you to save the open document directly to the cloud. One unique and useful feature is that you may also use Offisync to open web documents, that are already on Google Docs, and edit them with Microsoft Office. When you hit Save, the changes get saved both online and offline. (screenshot)

3. Syncplicity – Syncplicity is a Dropbox-like online file storage and synchronization service that also supports Google Docs (see tutorial: Sync Office and Google Docs with Syncplicity).

Link your Gmail or Google Apps account with Syncplicity and then designate a local desktop folder that should be kept in sync with Google Docs. Now when you save a new document, spreadsheet or presentation to this local folder, a copy of it will automatically get stored to your Google Docs account. Similarly, if you create a new document inside Google Docs, it will become available inside your local folder automatically. (screenshot)

4. Gladinet Starter – With the help of Gladinet Desktop, you can quickly and easily ‘mount’ your Google Docs account as a virtual drive (say Z:) and access your online Google documents as if they were residing on the local hard drive.

You can then double-click any document in this virtual folder to edit with the corresponding Office program. Any files saved to this folder are uploaded to Google Docs. You can also drag-n-drop files to this virtual folder and they’ll get uploaded in a batch to your online Google Docs account. Similarly, dragging files out of this folder will create a local backup of your Google Docs. (screenshot)

5. Insync – This is relatively new service that, like Syncplicity, provides offline access to your Google Docs files and can also sync your local document folder with the cloud. When you add or edit a file on the local desktop, it will automatically sync to Google Docs and vice-versa.

The desktop client for Insync is available for both Mac and Windows. The software has promising features but the version I tested for this comparison was buggy and did not work as advertised. Google Apps users may jump to Insync right away while there’s a waiting list for Gmail users.

Final thoughts - If you can live with that ugly-looking toolbar, Google Cloud Connect is neat because it saves Office documents to Google Docs in their native format. However, if you also need access to your old Google Docs files from within Microsoft Office, Offisync or Gladinet Cloud Desktop are good choices.

That said, when you save a document created in Microsoft Office to Google Docs, the original formatting is less likely to be preserved. That’s one area where the Office Web Apps and SkyDrive duo seems to enjoy an upper hand.

How to Completely Test Your Website

You may have developed your website using an expensive "what you see is what you get" editor but there's no guarantee that site visitors "will get the website as you see it".

You will need to extensively test the website to ensure that visitors have a comfortable stay and don't leave your site in a jiffy. And here are some useful tools to help you completely check your website:

Browsershots is an online service that automatically captures full page screenshot images of your website in various browsers across all different OS platforms. You also have the option to preview the website design in browsers with or without Flash, Java and JavaScript.

Browsershots is extremely popular and you may therefore have to wait a few minutes for this service to render screenshots of your website.

IE NetRenderer is another service that's much faster than Browsershots but it can check the rendering only for different versions of Internet Explorer. Mac oriented websites can try BrowsrCamp which is like Browsershots but for the Mac OS browsers only.

To see how your website appears on the small screens of mobile phones like the BlackBerry or Windows Mobile, check out BrowserCam. Another good option is the Opera Simulator that lets you experience a mobile version of Opera from the desktop.

Related: Use Opera Simulator to Unblock Restricted Websites

Some people are still using slow dial-up connections and their population in not insignificant especially in the developing world. You therefore need to make sure that the average loading time of your HTML web pages, along with all the Javascript Ads, Images, CSS, Flash animations, etc., is within reasonable limits.

Send HTML Emails with Gmail and Google Docs

All popular email programs – from web-based Gmail and Yahoo! Mail to desktop-based Microsoft Outlook to the mail app on your mobile phone – are now HTML (or rich-text) capable. Thus, your email messages can have custom fonts, inline images, lists, tables and other formatting similar to a web page.

But there’s one little problem - how do you write an HTML email?

The built-in WYSIWYG editors, like the one shown above, offer basic functions for formatting text but there are things you cannot do. For instance, how do you insert a 3x5 table inside a Gmail message? Can you right-align an image and wrap text around it similar to Word?

All this is easily possible in HTML but since your email program won’t let your compose a message directly in HTML, you’re stuck.

I have two easy solutions for this problem. The first is HTML Mail – here you can write an HTML message and send it yourself or anyone else with a click. The tool has a simple WYSIWYG editor but you can also switch to the code view and compose messages directly with HTML markup.

There’s another alternative that uses Google Docs to send HTML mails from your Gmail account itself. It works for both Google Apps and regular Google Accounts.

First make a copy of this Google Docs sheet and then choose Gmail –> HTML Mail to authorize the sheet to send mails from your email account. Once authorized, choose GMail –> HTML Mail again and now you should see a form for sending mails. Fill in the various fields, write any HTML code in the Message field and hit send.

You can use the previously mentioned WYSIWYG editor to generate the HTML markup and copy-paste that code into the Google Docs form. Also, if you wish to send the same message to multiple recipients at once, just separate their email addresses with commas.

The Google Docs option internally uses Google App scripts (class GmailApp) and you can find the full source code under Tools –> Script Editor. So the next time you want to create a more professional-looking email newsletter that has tables and other complex formatting, you know where to go.

Create a Mail Merge with Gmail and Google Docs

A mail merge program helps you send personalized email messages to multiple contacts in one go. Each message has the same content but some parts of the message can be customized – like you can greet each recipient by their first name.

Who needs Mail Merge? If you are organizing a party at your home, you can send personalized email invitations to all your friends with the help of mail merge. A person like Steve Jobs - see the following video - can use mail merge to effortlessly invite hisinner circle for the launch of a new product.

How to Create Mail Merge with Gmail

Microsoft Outlook with Word has Mail Merge functionality built-in but if you are a Gmail or Google Apps user, you may still use mail merge easily with the help of Google Docs.

And though the Mail Merge program using Google Docs, this is not limited to Gmail users. If you have linked your Hotmail or Yahoo! account with a Google Account, you may use that or any non-Gmail address with Mail Merge as well.

Mail Merge with File Attachments - Step by Step

This new version of Gmail Mail Merge program offers support for rich-text (HTML) email templates, you may add file attachments with the outgoing messages, there’s an option to BCC emails to yourself and better overall usability. Let’s get started:

Step 1: Open this Google spreadsheet and create a copy of the same in your Google Docs account (File –> Make a Copy). If you have trouble accessing the sheet, please try this link.

Step 2: Under the new “Mail Merge” menu, click on “Reset” to clear the canvas and alsoauthorize Google Docs to access your Gmail and Google Contacts.

Step 3: Open Google Contacts and create a new Group with all the contacts who you would like to send a personalized email. Alternatively, you may simply add the recipient’s name and email addresses manually in the Google Sheet.

Step 4: Click Mail Merge –> Import Google Contacts and type the name of the Google Contacts group that you created in Step 3. Google Docs will now automatically import all the relevant Gmail contacts into the spreadsheet.

Step 5: Fill the various fields of the email template (highlighted in white).

5a. You can compose an email template in rich text using the HTML Mail tool and then copy-paste the generated HTML code into the message body field of the Google Sheet.

5b. If you would like to add an attachment to your email messages – say a PDF file or an Office document – just upload that file to Google Docs and copy-paste the ID of the file into the Attachment ID field. You can find the ID of a Google Docs file in its URL.

Step 6: Go to the Mail Merge menu again and click “Start Mail Merge” – the status against the names of your Gmail contacts will change to “OK” for all email messages that were successfully delivered through Google Docs.

That’s it! You’ve just completed your first mail merge through Gmail and Google Docs.

Please note that Gmail has a daily sending limit and any messages that are dispatched using the Gmail Mail Merge program also count in that limit. You can send a maximum of 500 messages in a day and if you exceed that number, Google can temporarily lock your Gmail account.