Unread tabs Firefox extension (otherwise known as the simplest extension ever)

In: Mozilla

20 Dec 2004

A request: if you intend to link to this entry, please link to http://blog.codefront.net/mozilla/unreadtabs/ instead.

As requested (by 2 people) in my previous entry, here’s the Unread Tabs extension for Firefox:

Install Unread Tabs | Download Unread Tabs

Also available from the Firefox Add-ons site.

This extension italicizes the title of tabs that you have not yet read so that you can keep track of what you�ve read and what you haven�t.

Screenshot of unread tab being italicized in Firefox


I claim no credit for the extension: CSS comes from the Change the style of tab markers entry in the MozillaZine Knowledge Base. Thanks to an anonymous commentor, the CSS is just a single rule (rather than the 3 in the Knowledge Base entry linked to above):

#content tab:not([selected]) {
font-style: italic !important;
}

This has to be the world’s simplest extension with some boilerplate XUL, an empty stub JS file, and a single CSS rule. I simply stripped almost everything out of another extension that I was working on (I’ve hit a snag on that one though) and did some run-of-the-mill search and replace.

23 Responses to Unread tabs Firefox extension (otherwise known as the simplest extension ever)

Avatar

Rory Parle

December 20th, 2004 at 10pm

Why is there a javascript file and a skin directory? Future update plans?

Avatar

Cheah Chu Yeow

December 20th, 2004 at 10pm

I forgot to take out the skin directory (I’ve updated the XPI). The JavaScript file I left in there as a stub for future use. (Though it really needn’t be in there at all!)

Avatar

Jef

December 20th, 2004 at 11pm

I think you should change your link for ease of use. You can make it so that it automatically installs when you click the link if you use a link like this:

javascript:void(InstallTrigger.install({‘Unread tabs Firefox’ : ‘http://blog.codefront.net/mozilla/unreadtabs/unreadtabs-0.1.xpi’}))

Avatar

Jeff

December 20th, 2004 at 11pm

Woops… sorry, you can add a space after the quote next to Firefox if you like, to fix it so that it stays in the layout, and I also spelled my name wrong. Silly me.

Avatar

Cheah Chu Yeow

December 20th, 2004 at 11pm

Good point, Jeff, on using a InstallTrigger link. Thanks!

Avatar

Agagooga

December 21st, 2004 at 12am

Wah your blog damn popular :)

Avatar

Ingoal

December 21st, 2004 at 1am

Groovy! Cheers Chu, just installed it and I gotta say: lovely, especially when you’ve got > 5 open tabs!

Avatar

Greg K Nicholson

December 21st, 2004 at 2am

I’ve already hacked my copy to show unread tabs in bold instead of italics; it’d be nice to have an options dialogue to do this for me (bold and/or underline and/or a different colour and/or font, etc.).

Avatar

Isaac

December 21st, 2004 at 4am

Real handy, thanks. Couple things would make it even better:

If the tab title is Loading… leave the status as unread. I use mouseover tab selection so sometimes I’ll pass over a loading tab without actually looking at it. More in general, maybe a variable ‘mark read’ delay like email programs have. So if you only glance at the tab for <2sec it stays unread. This could just be an about:config option if you don’t want to mess with an interface.

If i click on a link on a page, then switch to another page While its loading, it would be nice if the loading tab would go back to being unread.

Avatar

Cow

December 21st, 2004 at 5am

Mine displays unread tabs in blue. Would be nice to have some kind of facility to edit quickly the color or style.

Avatar

Krishna

December 21st, 2004 at 4pm

Do you know any extension or way to name the tabs as in IE powered multi-tab browser similar to FireFox.

Avatar

Krishna

December 21st, 2004 at 4pm

forgot to provide the link for multitab IE powered browser
Maxthon

Avatar

Jeff

December 22nd, 2004 at 12am

Thanks alot for this plugin. I was trying to write my own plugin to simply save some css rules, and was unable. Thanks alot!

I was setting some css rules so that the printed version of a page was, well, meant for print. It would probably take floats on divs out, and backgrounds and colors would be black/white, and serif fonts. Maybe an option?

Avatar

Firefox Unread Tabs Extension | Blogmarks | Math Jazz

December 23rd, 2004 at 3am

Firefox Unread Tabs Extension | Blogmarks | Math Jazz
This extension italicizes the title of tabs that you have not yet read so that you can keep track of what you’ve read and what you haven’t.

Avatar

dailywebthing linkport

December 23rd, 2004 at 4am

italicizes unread tabs
Unread tabs Firefox extension (otherwise known as the simplest extension ever)[via etc@del.icio.us]

Avatar

Wizzlopia

December 24th, 2004 at 1am

Ho Ho Hoss
Whilst at the supermarket earlier it dawned on me that the reason I was stressed there was not the crowds of RUDE people, the unhelpful staff or the fact that I hate grocery shopping, but the Christmas songs being piped in over the stereo at a volume t…

Avatar

Rob

January 27th, 2005 at 8am

Any thoughts on how to make tabs that re-load in the background be marked as un-read so that this extension will change there look again?

Avatar

Greg K Nicholson

July 20th, 2005 at 11pm

FYI: The UUID has one too many digits in the last block so this won’t install in 1.1 (even after faking app.extensions.version).

There’s scope for cockups even in the simplest extension ever. :)

Avatar

Ari Sitnik

January 4th, 2006 at 5am

Can we have a release for FF1.5? It is a great extension and many people want it too! Best regards!

Avatar

Sebastian Piecha

January 18th, 2006 at 8pm

Lovely, but doesn’t install in Firefox 1.5. Any update plans?

Avatar

Cheesy

February 26th, 2006 at 5pm

The link to the MozillaZine article no longer works. The address format has changed and the link should now be http://kb.mozillazine.org/Change_the_style_of_tab_markers

Avatar

prl77

April 27th, 2007 at 8am

Somewhat broken when used in conjunction with either FLST or LastTab extensions. Say you have four tabs open, first is active and read, second is unread, third is unread, fourth is unread. Now you click on the fourth, it gets marked as read, but when you close it, the third tab gets marked as read, even though the focus goes back to the first tab due to the FLST or LastTab extensions. I guess the focus is momentarily given to the tab that’s behind the one being closed, so that’s why it gets marked as read. Would it be possible to introduce a delay of say 1 second before a tab gets marked as read?

Thanks,
prl77

Avatar

uv3

May 1st, 2007 at 3am

This is easily accomplished by editing your userChrome.css file, you can customze the font style of your unread tabs to your liking, I found this online somewhere:

/* change the colors of unread tabs */
#content tab:not([selected]) {
font-style: italic !important;
background-color: grey !important;
color: white !important; }

/* change the colors of unread tabs (hovered) */
#content tab:not([selected]):hover {
font-style: italic !important;
background-color: #909090 !important;
color: yellow !important; }

Some of this may intefere with your custom themes, but the basics should be fine, I only use the italic and grey color for the font, don’t use the background color or the hovered tabs.

Have fun,
uv3