How do I put a web application on the Launcher?

Ubuntu has this feature built in, see:

• How do I use Ubuntu's web application integration?

You can also use the more traditional webapp integration approach:

Since these can be time consuming if you use a bunch of webapps I created a "Web Applications" folder that I keep these in because I need a place to hold the icon as well. I sync this folder with Ubuntu One so that on reinstalls or new computers I have my applications all ready to go with the high resolution icons.

In chromium-browser or Google Chrome you can do this by going to the website you want to make into an application. Clicking on the Wrench icon and select, tools -> Create Application Shortcuts:

Then select Desktop to create a shortcut on your desktop:

You can also select "Applications Menu" in the create application shortcut, this will put it in the Dash for you, which is handy so you can use the search feature to launch the shortcut, however most web site's favicons don't scale very well so they look ugly. So instead I do this to pretty up the application:

Then move it to this "Web Applications" folder or wherever you want to keep it:

Download a snazzy version of the icon that is good looking. I recommend the Fluid group on Flickr. Download the icon to the folder, and then right click on the shortcut and select properties:

Drag and drop the nicer icon onto the shortcut's icon box, replacing the low resolution icon with the new one:

Drag and drop the new slick icon right onto the Launcher for the final effect:

And the final effect:

You create a launcher icon (meaning a .desktop file) that says Exec=firefox www.askubuntu.com and drag it to the launcher. So first create an empty file and paste the following content:

[Desktop Entry]
Name=Ask Ubuntu
Comment=Open Ask Ubuntu in firefox
Exec=firefox www.askubuntu.com
Icon=network
Terminal=false
Type=Application
StartupNotify=true
Categories=GNOME;
OnlyShowIn=GNOME;Unity;
X-GNOME-Keywords=Network;AskUbuntu;
Name[en_US]=AskUbuntu

Then rename the epmty file to somename.desktop in this case "askubuntu.desktop" would be an appropriate name. Now use the mouse to grag it to your launcher and you're good.

This is not necessary but before dragging it to the launcher, you can right-click on it, go to Properties->Permissions->Allow executing file as program so as the icon of the launcher to became visible!

If you delete the *.desktop file the icon will disappear form you launcher. The usual place to store these files is ~/.local/share/applications/.

Currently there are two preferred ways to do this. In Ubuntu 12.04 you can use the the preview of the official Ubuntu Webapps by installing it from a PPA (comes by default with 12.10)

sudo add-apt-repository ppa:webapps/preview
sudo apt-get update && sudo apt-get install unity-webapps-preview

This only works for supported websites (currently about 40). When you visit the site with Firefox you will be asked if you want to integrate it into Ubuntu.

The other way is to use Fogger, the silver-prize winner of the Ubuntu App Showdown. Just install the fogger package from software-center.

Both options are better than the regular site-specific-browsing (ssb) features of Firefox Prism and Chrome, because they allow full integration with Ubuntu. This includes the launcher-menu, the HUD, indicators and notifications.