Indicator Color

An indicator that allows you to select a color anywhere on the screen and quickly and easily use it in applications

Advertisements

LetMeRead : Google Reader

While I think the new Google Reader changes are miles better than the old Google Reader, like others, I think the chrome takes up too much space, and not enough room is allocated to the actual RSS items you are reading.

So I fired up Greasemonkey and created a userscript called LetMeRead that does two things:

  1. Reduces padding on the top bars of Google Reader and adds a border to the right of the sidebar
  2. Adds a Show/Hide button to toggle the visibility of the secondary bar (contains the subscribe button etc.)

Google Reader with LetMeRead installed and the toolbar hidden

Google Reader with LetMeRead installed and the toolbar showing

Google Reader without LetMeRead installed

It has been designed to integrate flawlessly into Google Reader itself and be as unobtrusive as possible. You can install it from its page on userscripts.org

Papyrus Feed Reader Mockup

Having gotten fed up of Google Reader’s cluttered and tired looking interface, I decided to mockup what I would want in a feed reader if I created one.

Mockup

As you can see the main focus was not to distract from the new items. Below the main screen you can see headers for alternative themes that could be used, I wouldn’t restrict users to just the minimalistic grey theme.

Then to the right you have the Add Subscription modal dialog, just keeping everything very simple. Finally you have the Preferences.

Just a note, I am not planning to create this … yet… 🙂

Icons used are from elementary icons and the mario images are from http://orioto.deviantart.com/gallery/6943610

My Programming Language Timeline

I was reading a PCPro magazine recently and one of the editors wrote down his ‘programming language timeline’.

What is that you ask? A timeline in chronological order of the programming languages you have learned.

I found myself thinking about this last night and realised I have a strange one (okay so HTML and CSS are markup languages!):

HTML > CSS > Javascript > GML > Python > Vala/Genie

What is your programming language timeline? I would be interested to see if we have even more diverse ones!

Introducing the Wasiliana Mail Client

Hi guys,

I have talked briefly about a new project I wanted to undertake and so here it is!

‘wasiliana’ verb: communicate (swahili)

Wasiliana is a new email client that specifically targets small-form-factor devices such as netbooks. It combines the flexibility and beauty of HTML5, CSS3 and Javascript, with the speed and extensibility of Genie/Vala.

Not only will the design be beautiful, but it shall be practical, especially on small devices.

I am still in exams and so haven’t started coding yet but I have made some mockups and there is a video of a prototype I made.

Launchpad Page
https://launchpad.net/wasiliana

Mockups (5)
http://and471.deviantart.com/gallery/#Wasiliana

Video of Prototype

I was inspired to make this as I have yet to see any mail client that really delivers on a netbook.

Programs such as Anjal have gone in the right direction, but in has the hindrance of being based on bloated Evolution and trying to still use GTK widgets. I also believe current mail clients have it all wrong when it comes to design regarding contacts etc. and so I wanted an opportunity to fix this.

My mockups were obviously inspired by the great danRabbit and they use the elementary icons. I am not ready to begin coding but if anyone is interested/wants to find out more, please don’t hesitate to contact me via the comments below.

Any comments? 🙂

Javascript Links

One thing I find very annoying on web pages is when I click a link to open it in a new tab (middle button), and I find it was a JavaScript link and so nothing happens!

The culprit in question

For example, go to http://ur1.ca/049e3 (it was the first one I could find but it is certainly not unique) and middle click on the screen shot of the Ubuntu Website. The desired behavior is to have that image open in a new tab. What actually happens, is that you get a blank page and no image.

jQuery

This problem is down to the developers. Links with href attributes of ‘javascript:doSomething()’ are old and obsolete ways of working. With new JavaScript libraries such as jQuery, you can set a href as something completely different and still have ‘doSomething()’ run when it is clicked.

What the website mentioned above should have, is the href set to the URL of the image, so that when I middle click the link, the image opens up in a new tab, however it should have a bit of jQuery along the lines of:


$("a.image").click( function(e) {
e.preventDefault();
doSomething();
}

It isn’t that hard and it would save us all of this aggravation…