Tag: netnewswire

NetNewsWire Style 2.5

Posted on Posted in Apple, Design, Technology, TypographyTagged , , , , , , , 17 Comments

netnewswirestyle25.jpg

Version 2.5 of my NetNewsWire style is now available. The design is simple and clean with a great deal of focus on typography and legibility. In this new version I’ve made some improvements that will enhance the reading experience.

Another enhancement that I was hoping to implement was a consistent vertical baseline. But because of inconsistencies within RSS feeds it was very difficult to accomplish, probably even impossible. For example in certain feeds blocks of copy are not wrapped in the paragraph tag, instead just use the break tag. For this reason it’s hard to control the text and elements like images.

Anyhow, I’m very exited about the features I was able to add.

New Features in Version 2.5

  • Widows
    Prevention of typographic widows in titles and body copy via jQWidon’t.

  • Capitalization
    All words in title are capitalized.

  • Image Resize
    Images wider than 600px are resized to fit the fixed width of the style.

Special thanks to Oliver Boermans for helping me with some bugs.

To install just double click the file.

Download NNW Style 2.5        

NetNewsWire Style Version 2.0

Posted on Posted in Design, TechnologyTagged , , , , 19 Comments

nnwstyle.jpg

Yesterday I updated the style I created for the RSS reader NetNewsWire to version 2.0. It’s a complete overhaul from version 1.0 with a new design.

Version 1.0 had some issues with displaying articles containing multiple images which forced me to create a second style that could handle this. Switching between two styles wasn’t really convenient so I set out to fix this. This new version can handle articles with any type of content, which is what the first version should have accomplished.

Version 2.0 features a design very similar to this blog, extending the visual experience of the site into your RSS reader. It’s simple, clean and easy to read.

I’ve tested the style in NNW 3.0 but it should work in older versions as well.

To install just double click the file.

Download NNW Style 2.0        

NetNewsWire Style

Posted on Posted in Design, TechnologyTagged , , , , 4 Comments

NetNewsWire Style

Recently I’ve started using a great RSS reader called NetNewsWire that makes managing and reading my 50+ feeds much easier and efficient. The one problem I have with it are the styles that are bundled with the app. Some of them are nice but most of them are hard to look at. They also all use pretty the same boring layout. Title, feed info, content, all in a row. So I figured I’d try to make one and see how it comes out and I can honestly say that I like it. I used a grid system to design it so it has a nice structure.

The one issue with it though is that it breaks if there are multiple images in the feed. Works great when there is one image or no image but once there are multiple, they all lay on top of each other so you only see the first image. To fixed this I made a second style titled AisleOne Multiple that alters the layout a bit to compensate for this problem. So you set your style to AisleOne Single and when you get an article with multiple images you change it to AisleOne Multiple. It’s a terrible solution and I’m going to continue working on it. I need to figure out a way for the CSS to see that there are multiple images in the feed and set a different style in that instance. If anyone has any ideas on this, please let me know. Also if you have any issues with the styles just post a comment and I’ll try and fix it.

I’ve only tested it in the new 3.0 version. To install just double click the files.

Download NNW Styles