O'Reilly

Create a Google+ Mac App for Your Dock

By on  
Google Plus Icon

If you follow me on Twitter, you know that Google+ is my new tech porn.  Google+ is the same technological marvel we've come to expect from Google apps, but the elegant but still simplistic design is a welcomed change from Google.  I want to get used to using Google+ but I don't want to be conscious of keeping the tab open in Chrome.  Luckily MooTools developer Olmo Maldonado shared a slick method creating a custom Google+ app without the need for Fluid, and you can place the app in your dock for easy access!

This technique would allow you to create an app for any website, but the focus of this post will be Google+.  You could use Fluid.app for this, but the technique presented here allows for avoid Fluid.app.

Grab the Google+ Logo

Download the following Google+ logo to the Downloads directory of your computer:

Google Plus Icon

This logo will be used as the application and dock logo.

Download and Execute makeapp.sh

There's an outstanding script available on LifeHacker which provides the user a trio of simple prompts and creates an app based on the input.  Behind the scenes, makeapp.sh copies Google's Chrome and creates separate settings paths (for cookie and history separation).  With those created, an executable is created which opens the Chrome copy to the Google+ url.

Run the script from command line with:

chmod +x ./makeapp.sh && ./makeapp.sh

The script will ask you for three arguments;  provide the following:

  • Application name:  Google+
  • Web URL:  http://plus.google.com/
  • Icon Location:  /Users/{yourUserName}/Downloads/googleplus-icon.png

Google Plus Browser

Now open your applications folder and you'll see a new app called Google+!  Drag the app icon to the dock and now you have a Google+ app in your dock!  The separate history and cookie pool is important so that your traditional Chrome install doesn't muck with your Google+ app's information, and visa versa.  Have fun with Google+!

Track.js Error Reporting

Upcoming Events

Recent Features

  • LightFace:  Facebook Lightbox for MooTools

    One of the web components I've always loved has been Facebook's modal dialog.  This "lightbox" isn't like others:  no dark overlay, no obnoxious animating to size, and it doesn't try to do "too much."  With Facebook's dialog in mind, I've created LightFace:  a Facebook lightbox...

  • Send Text Messages with PHP

    Kids these days, I tell ya.  All they care about is the technology.  The video games.  The bottled water.  Oh, and the texting, always the texting.  Back in my day, all we had was...OK, I had all of these things too.  But I still don't get...

Incredible Demos

  • Telephone Link Protocol

    We've always been able to create links with protocols other than the usual HTTP, like mailto, skype, irc ,and more;  they're an excellent convenience to visitors.  With mobile phone browsers having become infinitely more usable, we can now extend that convenience to phone numbers: The tel...

  • JavaScript Canvas Image Conversion

    At last week's Mozilla WebDev Offsite, we all spent half of the last day hacking on our future Mozilla Marketplace app. One mobile app that recently got a lot of attention was Instagram, which sold to Facebook for the bat shit crazy price of one...

Discussion

  1. Fluid.app is a good solution too.

    • Right, but this solution prevents the need for Fluid.app

  2. This is exactly what I needed. Thank you David Walsh.

  3. And the most awkward Google+ page ever:

    https://plus.google.com/104560124403688998123

    • Leandro

      I think he tries to look this like a friendly competition and It’s fantastic it can be this way…

  4. Keep in mind that you should also use Google sync to keep your settings in place!

    http://www.google.com/mobile/sync/

  5. Erik DeLamarter

    Isn’t this exactly what google chrome’s application shortcuts are for ?

    • It is, indeed, _exactly_ what they’re for…but you can’t create Chrome app shortcuts in OS X.

  6. Love the icon and the idea that you can separate history and cookies, but when it comes to “run the script from command line” – I get really nervous, as this is way out of my league!

  7. Hi – Mashable had an article about incorporating your icon into a blog or website but I can’t find the code to do that … help!

  8. There seems to be one drawback to this solution: if you click a link to a web page, a new tab is opened in a dedicated window. The link is not opened in the default browser (i.e. the primary instance of Chrome).

  9. Jose

    nice one! simple and easy, but for some unknown reason the Google+ logo doesn’t display on my dock, only the script logo does… might have to check that later xD

  10. Thanks for this, David! This fixed my issue of using a Google Apps account and a Google Plus account together.

  11. There is still no notification like mail app has, true?

  12. I’m extremely pleased to uncover this web site. I wanted to thank you for ones time due to this wonderful read!! I definitely really liked every part of it and i also have you saved to fav to look at new stuff in your site.

  13. I used to use this solution, but as @Robert describes links should be opened in the default browser, not a new tab in the dedicated browser. Anyone find a solution to that problem?

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!

Recently on David Walsh Blog

  • Free Download: Font Bundle Featuring 17 Incredible Typefaces

    The only thing we love more than a good font, is a good free font. So we’ve combed the Web for some of our favorite free fonts, and gathered them here in a single download. You’ll find a variety of useful typefaces, from highly geometric designs...

  • OâReilly Velocity Conference â Amsterdam

    My favorite front-end conference has always been O'Reilly's Velocity Conference because the conference series has focused on one of the most undervalued parts of client side coding:  speed.  So often we're so excited that our JavaScript works that we forget that speed, efficiency, and performance are just as important. The next Velocity...

  • CanIUse Command Line

    Every front-end developer should be well acquainted with CanIUse, the website that lets you view browser support for browser features.  When people criticize my blog posts for not detailing browser support for features within the post, I tell them to check CanIUse:  always up to date, unlike...

  • Generating Alternative Stylesheets for Browsers Without @media

    If your CSS code is built with a mobile-first approach, it probably contains all the rules that make up the "desktop" view inside @media statements. That's great, but browsers that don't support media queries (IE 8 and below) will simply ignore them, ending up getting the...

  • Serve a Directory with PHP

    Many developers have a giggle at PHP, even looking down at the language, but let's be honest:  most of our blogs are powered by it (WordPress) and it's a great language to dabble around with.  I cut my teeth on PHP, though I prefer to avoid PHP these days. But...