Projects

• jQuery plugins

  If you are already familiar with styling HTML with CSS, jQuery will give you a kick start into using JavaScript to enhance your pages. jQuery looks after the basics and hands responsibility for specifics to plugins. I’ve created a few to meet specific challenges that come up frequently or to simply demonstrate and idea.

  • Automatic line-height – jQuery plugin

    I’m very proud to present my first jQuery plugin: jquery.autolineheight. In a nutshell, this JavaScript adjusts the line-height of a container (such as a div) in proportion to it’s width, relative to the font size.

  • Biggerlabel - jQuery plugin

    Assign a block element as a proxy for a label element it contains. Useful for making checkboxes and radio buttons even easier to click.

  • Biggerlink – jQuery plugin

    A jQuery plugin to make it really easy to enable the specified element/s to behave as a proxy for their first contained link. Uses additional css classes to provide the means for the specified element to visually reflect focus and hover states of it's contained link/s.

  • Imagefit – Image scaling jQuery plugin

    A jQuery plugin which scales images to fit their parent container. Written for use in a NetNewsWire style.

• NetNewsWire styles

  NetNewsWire is the Mac application that satisfies my feed reading needs. In August 2003, with Version 1.0.4b3, Brent applied Web Kit and custom CSS stylesheets to task of presenting feed content in NetNewsWire. Since then I’ve been tweaking custom styles for my own use and amusement. This project page brings them together.

  • jDefault – JavaScript style template for NetNewsWire

    jDefault is a bare-bones NetNewsWire style that loads my image resizing JavaScript, and the jQuery library it uses, into the default NetNewsWire template. To ‘enable’ any existing style built without a custom template.html file, simply replace the contained stylesheet.css with the corresponding file from your selected style.

  • My first NetNewsWire stylesheet

    Initially untitled, this was the first NetNewsWire style to use fixed positioning to keep the title of the entry visible when scrolling. I made a few more little changes to this style up until the release of the beta of NetNewsWire 2.

  • Ollicle Crisp – NetNewsWire style

    NetNewsWire 2 (the non-lite version anyway) added a number of new elements to the display of each feed. I took the opportunity to make a fresh break and named the evolved version of my style ‘Ollicle Crisp’. You may recognise it as a predecessor to Ollicle Reflex.

  • Ollicle Flex – NetNewsWire style

    Built on the CSS foundations of Ollicle Crisp; This style introduced presentational JavaScript to improve feed reading comfort in NetNewsWire in ways CSS alone cannot. Kept here for prosterity.

  • Ollicle Reflex - NetNewsWire style

    A stylesheet for NetNewsWire that uses clean typography, clever CSS and crafty JavaScript to smooth out the rough edges of feed reading.

  • Ollicle Wittrodt – NetNewsWire style

    This stylesheet for NetNewsWire loads the linked web page instead of displaying the feed itself. It is a simple hack born from a question posed to the NetNewsWire email group.

  • Ollicle X-ray – NetNewsWire style

    An excuse to play with possiblities offered by generating content with CSS, this experimental stylesheet still proves occasionally useful for a quick look under the hood of the markup of the viewed news item.