Skip to main content

User style: Gmail Notes by cloudHQ

As I wrote in a previous article: I'm a big fan of cloudHQ's collection of Gmail addons. Gmail Notes by cloudHQ is one of a handful of addons that I find myself using frequently. Now it looks even better...

With Gmail Notes you can add one or more notes to an email. The clever thing about this addon is that notes are saved in your mail, not in a separate database. Therefore, notes are searchable with the default Gmail search interface.

...notes are saved in your mail, not in a separate database.

A word about privacy

To achieve this, obviously, the mail is downloaded to cloudHQ's servers and manipulated to include the note. It's good to be conscious about privacy, so before you put your trust in their hands, you may want to know that cloudHQ is situated in the San Francisco Bay Area in the USA. You can check the Whois Record for CloudHq.net yourself at whois.domaintools.com:

Since cloudHQ works with data that is of vital importance to me, I also checked out their CEO and founder Senad Dizdar. Senad is originally from Ljubljana, Slovenia and has been living and working in the US for almost 20 years. He has had an impressive career in IT and seems completely legit. Senad is a backup & recovery specialist and worked for Oracle, amongst other companies, before founding cloudHQ in 2011.

To know how your private data is handled, you should also read cloudHQ's privacy policy.

How does it work?

The team at cloudHQ is really good at creating small addons that are so easy to use that it's almost ridiculous to even read through a manual, let alone write one. So don't consider this a manual, but rather an 'amuse bouche':

To add a note, click the edit field, type the note and click the Save button. This will add a general note to the mail.
It is also possible to add notes to specific words or passages in the mail. These are called inline notes. First click 'inline notes disabled' to enable inline notes (I know...). Then select the word or words you want to comment on. A popup will appear. Type your note and click save. The note will now be visible inside the mail right after the section it relates to.

...click 'inline notes disabled' to enable inline notes (I know...)

Of course, you can edit or delete your own notes. When you forward an email that contains a note, you are given the choice to leave your notes in the mail or to remove them.

Design

The design. Yes, well... To be honest, I guess I should be grateful to cloudHQ that they don't put much effort in design. This gives me a chance to brush up on my CSS skills and my - albeit limited - design skills.

This is how Gmail Notes looks by default:

Screenshot: Gmail Notes by CloudHQ.Screenshot: Gmail Notes just sits in your mail waiting for you to enter a note

1.1. Gmail Notes just sits in your mail waiting for you to enter a note

Screenshot: Click Save to save the note in your mail

1.2. Click Save to save the note in your mail

Screenshot: This is how a general note looks after it is saved

1.3. This is how a general note looks after it is saved

Screenshot: To create an inline note, click 'inline notes disabled', select one or more words from the mail body, enter your note and click Save

1.4. To create an inline note, click 'inline notes disabled', select one or more words from the mail body, enter your note and click Save

Screenshot: An inline note is saved in the mail body, right after the section it relates to

1.5. An inline note is saved in the mail body, right after the section it relates to

Redesign

The changes applied by the user style include:

  • Changed: the background colour and border colour for the general edit field,
  • Added: a Cancel button (instead of a link),
  • Added: the word 'Note' before a note,
  • Changed: the background of a general note,
  • Added: Edit and Delete buttons (instead of links),
  • Changed: the icon plus colour for 'inline notes disabled',
  • Changed: the icon plus colour for 'inline notes enabled',
  • Changed: border of the mail body in inline notes mode,
  • Added/Changed: a yellow note icon that is displayed in your Gmail mail list to make mails with notes more notable (pun intended).   

The result looks like this:

Screenshot: Gmail Notes sitting in your mail - new design

2.1. Gmail Notes sitting in your mail - new design

Screenshot: Save the note in your mail - new design

2.2. Save the note in your mail - new design

Screenshot: A general note - new design

2.3. A general note - new design

Screenshot: Creating an inline note - new design

2.4. Creating an inline note - new design

Screenshot: A saved inline note - new design

2.5. A saved inline note - new design

As with Gmail Tabs, the screen shots of this new style show a different font as well (it's a Google Font called Roboto Condensed). However, this hasn't been included in the user style. The reason I didn't include it is that a new font may not look good in your setup, so going with the default font is the safest choice.

Do check out Gmail Notes, install the new style and please let me know what you think by leaving a comment below. Also, please let me know if you think the font should be included in a new version of the user style.

The user style can be installed by clicking on the image link below. Have fun using Gmail Notes and Stylus!

User style for Gmail Notes:

Comments

Popular posts from this blog

Band Back to Basic

Back to Basic is a band originally from Rotterdam, The Netherlands, who play groovy soulful rock-inspired music. They've been around since 1993, which is also when I first saw them play. The last time I saw them play was in 2008 at their fifteenth anniversary reunion, also in Rotterdam. Since then, it has been quiet around the band. Too quiet. Yesterday I sort of stumbled over them at a local festival in their original home town. And again, sparks were splashing. The band were obviously having fun and the music was still top notch. New album 'Not Over Yet' I was happy to learn they recently finished recording a new album, aptly titled 'Not Over Yet', which will be released on Tuesday, June 25th * . It can be heard live on Sunday, June 30 2019 at the Facet Jazz Festival Hillegersberg , where the band will be playing on Stage 1 at 3pm. 'Not Over Yet' is the title of the new album by fusion veterans Back to Basic. Album launch: June 25th 2019 * EDI...

Tutorial: how to display icons for external links using CSS only

In this tutorial you will learn a neat trick that allows you to display an icon after each external link with CSS only. Use case In this blog every external link is followed by an icon that indicates that it is an external link . In WordPress this is often accomplished by installing a plugin. In Blogger or other platforms admins don't get spoiled with plugins so much as in WordPress. While getting spoiled with plugins sounds nice, it has some distinct disadvantages: you tend to just search for an appropriate plugin and not consider other possibilities that may be better or faster, the more plugins you install, the more maintenance you will need to do (install security updates and check if the plugin is still maintained and does not conflict with other plugins), the more plugins you install, the slower your website will eventually get, you make your website or blog dependent on code that you have no control over other than disabling it. Don't get me wrong: plugins are a...

Blogger Tutorial: the best SEO title tag, Addendum

SEO and XML go hand in hand on the Blogger platform. So do XML and learning, for me at least. After my first post on Blogger and search engine optimization, Blogger Tutorial: the best SEO title tag , I wasn't quite satisfied with the results. On search results, label pages and archive pages, the title still showed ' O'Cor | O'Cor '. I realized that these have their own objects that could be used to display a relevant title. Now, I know that these kinds of pages are not indexed by search robots, so why bother? Well, first I like to challenge myself and to learn new things. Second, it felt like there were some loose ends to tie. I don't like loose ends. Third, I don't really need a reason: it's my personal blog and I can do as I like (and it feels GOOD!). So, I set about learning on how to optimize the title tag even more. After a sleep deprived night (almost), I think I came up with a satisfying result. If you wish to jump to the code and don't...