Del.icio.us reflex

To thank everyone who spent the time to send me feedback on my NetNewsWire style, Ollicle Reflex, I’m publishing a new version. It fixes a couple of popular problems and introduces some del.icio.us love.

Displaying the top ten del.icio.us tags

If you are not already familiar with what Ollicle Reflex has to offer NetNewsWire check out the features detailed on my previous post. Otherwise download it and find out for yourself.

Download and install (Updated see: Ollicle Reflex refined.)

Download latest version: Ollicle Reflex

I have removed the link to Ollicle Reflex Black. There is a new method for setting Black as the default background.

Double-click the unzipped .nnwstyle file and NetNewsWire will copy it to where it needs to be.

~/Library/Application Support/NetNewsWire/StyleSheets/

Like the original release, this style uses JavaScript to do some things CSS alone cannot. Make sure you enable it

  • NetNewsWire Preferences
    • Browsing
      • News Items
        • Enable JavaScript

Requires at least NetNewsWire version 2.1 (lite or full). The JavaScript driven magic of the style fails in NetNewsWire 2.0.1 - I have not spent the time to figure out why. Although, it does work nicely in the lovely NetNewsWire 3 Sneak Peak Release.

Changes

Fixes

  • Cookied skin selections we’re failing to ‘stick’ when using the style file name (e.g. ‘Ollicle Reflex black.nnwstyle’) to set the black skin by default.

  • Removed a poorly implemented ‘feature’ which toggled the display of highlighted differences in feed content with cursor position. More on this below.

New features

  • Displays a del.icio.us Tagometer Badge for each viewed news item. This shows you how many del.icio.us users have tagged the news item you are viewing and the top ten tags they used.

  • When NewNewsWires Highlight differences option is checked, items of deleted content are indicated with an inline ▲. Clicking each triangle toggles the display of that particular item of deleted content individually.

Some back story

Perseverance rewarded with tags

Having recently worked out how to load jQuery into a NetNewsWire style, when I read about the introduction of the del.icio.us JSON API, I saw the potential for integrating it into a NNW style immediately. Figuring out the technical details to make it happen took me a lot longer. PPK on JavaScript helped me fill the necessary holes in my patchy JavaScript knowledge. It’s a wonderfully practical book I recommend to anyone struggling with the basics of JavaScript.

My perseverance was rewarded. The del.icio.us tags are particularly informative when viewing some del.icio.us generated feeds that are often lacking a useful descriptions. The top tags often tell me whether the bookmarked web page is one I wish investigate further or ignore.

It’s worth noting that feeds served up with feedburner-redirected urls do not work. Because no one bookmarks feedburner urls on del.icio.us they will appear as ‘untagged’ in Ollicle Reflex.

When a feature becomes a bug

NetNewsWire has a nifty feature named Highlight differences by its preference checkbox. Additions and deletions in the content of updated a posts are marked up with ins and del tags respectively. Although it’s often useful and interesting to see how an author has edited their posts - the red and green can be quite distracting to normal reading.

Reflex (and my previous styles) included a feature to hide and show these differences by moving your cursor over the body of the post. This confused many people who had not ‘read the manual’ and understandably interpreted the occasionally frantic flickering as a bug.

Ultimately my implentation of this feature was too subtle; And the difference between a subtle feature and a bug is a fine one indeed. I have read advice to this affect from a number of software developers who have learnt this lesson the hard way. It’s enlightening to experience the problems caused by poorly advertised features first hand.

This version of Ollicle Reflex does away with the cursor over the body technique to instead require a directed mouse click from the user to display each deletion. Hopefully people will find this behaviour less mysterious.

Posted by: Oliver Boermans

Further thoughts and discussion

16 June 2007

Updated to version 5 to fix an issue with the version of Webkit installed with the Safari 3 beta. Download above.

10 March 2008

Another update with a bunch of improvements: Ollicle Reflex refined

Trackbacks

TrackBack URL for this entry:
http://www.ollicle.com/cgi-bin/mt/mt-tb.cgi/76

Comments

  1. I really love the reflex styles, thanks so much for your work.

    • Posted by: Sean
    • Posted at: 2:40 AM 27 April 2007

    I’ve been a fan and user of your styles for some time now, I like the auto-spacing, and now the delicious tagging details are a stroke of genius. Thanks Oliver!

    • Posted by: Nicolas
    • Posted at: 12:13 PM 27 April 2007

    Good stuff Ollie. Keep it going :)

    • Posted by: Shawn Smith
    • Posted at: 4:35 PM 28 April 2007

    Is is possible to default all feeds to the fantastic number 2 layout style? :)

    • Posted by: ollie[TypeKey Profile Page]
    • Posted at: 4:54 PM 28 April 2007

    Good question Shawn, without changing anything, currently the only way is to use NetNewsWire’s ‘Traditional View’ layout. The style switches the default layout based on which you have selected. My thinking being, you are likely have more horizontal screen space available with that view.

    If you (unlike me) have pixels to burn I suppose you may have room for the best of both worlds. I’ll take it as a feature request, thanks!

  2. I have just started using the style in my copy of NNW and it is great, thanks!

    • Posted by: peter royal
    • Posted at: 12:38 AM 29 April 2007

    ah, too bad that you removed the mouse method for showing differences. it is great, and an arrow for each individual change just isn’t the same.

    love the style though, will just stick with the original release :)

    • Posted by: Patrick
    • Posted at: 6:34 PM 16 May 2007

    Hi Oliver,

    is it possible to have layout one as default?

    Thanks in advance

    • Posted by: mkb
    • Posted at: 3:21 PM 18 May 2007

    It looks like the Ollicle Reflex black file contains the same contents as the regular Ollicle Reflex. I didn’t see any difference in NetNewsWire so I diffed the two directories. Diff says they are identical.

    • Posted by: ollie[TypeKey Profile Page]
    • Posted at: 3:49 PM 18 May 2007

    mkb: You are correct - the only difference between the black and white is the file name. JavaScript is required for this trickery (and most of the more interesting features of the style).

    Perhaps you have not enabled JavaScript in your NetNewsWire prefs? It’s off by default.

    • Posted by: Lefebvre
    • Posted at: 6:50 PM 20 May 2007

    Are you using NNW 3 in the screenshot?

    • Posted by: ollie[TypeKey Profile Page]
    • Posted at: 7:22 PM 20 May 2007

    Lefebvre: yes the screenshot is of an alpha of version 3, although no longer the latest. It may also look a little different as I have changed some of the text colours away from their default. The icons are hidden for the purpose squeezing the screenshot into a smaller space.

Post your comment

Thanks for signing in, . Now you can comment. (sign out)

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)


Remember me?


About the author

Oliver Boermans works as an interactive media designer in Adelaide, South Australia. This is his web interface — a place for Ollie to rant, reflect and share. Read more about Ollie

Home

Previous entry:
28 November 2006
Reflex for NetNewsWire
Next entry:
3 June 2007
Auto line-height: a jQuery plugin for flexible layouts