Projects
These are some things I’ve made and shared in the hope that others such as yourself might find uses for them. All are considered works in progress, so I welcome feedback or any ideas you may have for improvements.
Bookmarklets
Bookmarklets (or favelets) are bookmarks for your browser that, when clicked, rather than loading a favourite website – run JavaScript to modify the page you are viewing.
CSS debug bookmarklet
An adaptation of a neat CSS debugging tool created by Patrick Brosset
Keyboard = Leopard Bookmarklet
XKCD inspired frivolity.
Tidy URL Bookmarklet
Strips Google Analytics Tracking parameters from the URL of the currently viewed web page. Uses history.replaceState if available to avoid the need for a page reload.
Video still bookmarklet
Grabs a still from the first video element in the page, inserting it as an image in a new window.
jQuery plugins
Some extensions to our favourite JavaScript library.
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 themes
Restyle your feed reading.
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.
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 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.
jDefault – JavaScript style template for NetNewsWire
JavaScript style template for NetNewsWire.
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.
Template Variables
A NetNewsWire theme that documents NetNewsWire theme template variables – displaying the values extracted for each viewed post.
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.