Advertisement
Tips & Shortcuts

Quick Tip: Use Fluid to Create Desktop Apps from Your Favorite Websites

by

There are a million apps on the web that don't release desktop versions. Wouldn't it be nice if you could skip opening your browser and just create an application for your dock? Today we're going to do just that with Fluid, a free app for the Mac. It'll be simple, straightforward, and will definitely help get rid of the clutter in your browser bookmarks.


Why Use Fluid?

Fluid lets us create Desktop Apps for specific websites. But... why should we do that?

Every day, a new, modern web app pops up that's all anybody can talk about. The problem is that many of these don't release desktop apps, which forces us to create nearly permanent tabs in our browsers. Overtime, we end up with dozens of these tabs, which get increasingly difficult to manage.

Fluid lets us create desktop apps for specific websites.

Whether it's a fancy todo-list like Remember The Milk or a music app like Pandora, many web apps could be much more convenient as desktop apps. Popping them out of the browser and putting them into your dock makes it easier than ever to organize and access your favorite websites.

We'll be using the free version of Fluid in this tip as it works just as well as the paid version, so there's no need to pay a dime.


Step 1: From Web App to Fluid App

Once you've downloaded Fluid, open it up and you'll get to the main entry window. Here you can fill in your website's URL, add an app name, choose where to put your new application, and add an icon.

Fluid Main Window
You can fill in the URL, Name, Location, and Icon for your website.

We'll be making a Mactuts+ app today, but you can do this with any website you want. Put your details in, and click "create".


Step 2: Launch Your App

Success Popup
When you successfully create an app, you should get a popup!

A popup will appear asking you to open the app. Launch it, and you now have a new application just for your website! The actual application file will be automatically located in your Applications folder (unless you changed the location).

Mactuts+ Application
Success! You should now have a new application dedicated to your website.

As you can see, it's a separate app from your browser, and you can open it just like any other app. You're able to keep it in your dock and even search for it with Spotlight. The prize, however, is that you can open up your website without opening your web browser first. This means that if your task manager doesn't have its own Desktop app, you can go and make your own! Or if you need a quick link to Gmail, you're just a click away.


Step 3: Getting More Out of Fluid

Once you've created your application, you can customize it through its Preferences panel. There are options for a variety of customizations, including keeping your application fixed on top of other windows, adding transparency, and changing tab options. Also, I suggest that you go to "View" in the menubar and choose "Hide Status Bar". It'll give you a cleaner view and boost your vertical viewing space by a tad.

Mactuts+ Application Preferences
Check the Preferences of the app in order to customize the way it functions.

The applications Fluid makes are basically small browsers for each website you go to. This means that you can treat it like a browser too. As I said before, you can have tabs, click through links without opening your original browser, and more. Check out other features and customize the App the way you want it.


Next Steps

Here we've created a Mactuts+ app, but there's much more we can do. Try using Fluid for everything from Youtube to your favorite blog. Be sure not to go overboard with it, though. Web browsers are still the go-to method for popping around from place to place, reserve Fluid apps for those sites that you visit regularly.

In the end, having a separate window and icon for each website really gives you better control over the apps you use everyday. What do you use Fluid for? Let us know in the comments!

Related Posts
  • Computer Skills
    OS X
    Improve Workflow by Avoiding the DockDock
    The Dock has been a permanent feature of OS X, however, it's slowly losing relevance as a place from which to access apps. There are more efficient and faster ways to access the programs you need. In this tutorial I show how to ditch the Dock and work smarter.Read More…
  • Computer Skills
    App Training
    Beyond Highlighting: How to Get the Most From Your AnnotationsAnnotations icon
    It's easy to highlight a passage in an eBook, but there's so much more you can do with digital highlights. Here's everything you need to know to annotate your eBooks and PDFs on your Mac, PC, iPad, and more, and then put your annotations to work for you.Read More…
  • Computer Skills
    OS X
    Enable Windows-Like Features on Your MacWindowmac2x
    For both power users and luddites alike, moving from a Windows PC to a Mac can be a confusing leap. In the previous tutorial, Alex talked about The 5 Things You Must Know When Converting From Windows to Mac. In this tutorial I will take a slightly different approach and, instead, show you how to make some of OS X's features behave in a manner more similar to their Windows counterparts. In addition I'll show you how to bring some of Windows' more useful features to your Mac.Read More…
  • Computer Skills
    App Training
    Safari for BeginnersSafari4001
    Using a Mac for the first time can be a daunting proposition, especially for those with no prior computing experience. In this tutorial I will show you how to navigate the Internet using Apple's Safari web browser from the perspective of a complete beginner, whether you have limited knowledge, or have never so much as switched on a computer before.Read More…
  • Computer Skills
    Customization
    Create Your Own Custom Extension for PopClipPopclip icon 2x
    PopClip is one of our favourite apps on Mactuts+ and one of the reasons why is its support for extensions. You can perform actions on selected text using PopClip that makes it extremely versatile, whether you want to open a link in another browser, search for the selected text in Google or add it as a to-do to Things, PopClip provides an iOS-style pop-up menu that makes doing these tasks easy. In this tutorial, I’ll be demonstrating just how easy it is to create your own extension for PopClip to perform a custom action.Read More…
  • Computer Skills
    Customization
    How to Create a World Clock AppClock400
    Such is the nature of my role that I find myself working not only with colleagues in the United Kingdom, but with those in Australia, Europe and the United States. These multiple timezones could easily hinder the planning of conference calls; I need a way to work out a convenient time for any team to get together on a Skype call. In this tutorial, I’ll show you how to create a Dock icon that gives you ready access to the timezones that are important to you — and more besides. Whilst there are menubar applications that do this, in the Mac App Store, my method avoids adding another icon to your (already crowded) menu bar and it does not cost anything.Read More…