Sundry ramblings and ruminations on nerdy stuff...

Column Calculator

A wee little utility for calculating column and gutter widths

Drag the sliders around to calculate widths. Click then mousewheel on a slider to fine-tune its value....

Read on »

Equalise column heights with jQuery

In which we offer a new solution to the perennial problem of column height equalisation

Ah, the perennial problem of equalising floated columns. Googling for ‘jquery equal column heights’ or similar already turns up a shipload of results, so I’m on well-trodden ground here. While there’s plenty of plugins that accomplish this and most likely work well in most cases, the solution here offers a little extra....

Read on »

Animate <pre> tag width to fit content on hover

<pre> tags are fab for showing code snippets nicely indented, but the resultant line length can end up wider than the available space of the page’s content area, leaving us with a nasty overlap, or having to resort to nasty horizontal scrollbars using overflow: auto....

Read on »

Scaling image maps

Scaling an image map's area coordinates when the target image is scaled

Recently, I was working on a project for a client that involved an image map. Without going into specifics, I’d set it up so that a tooltip would show up when a hotspot on the map was hovered over. Trouble cropped up when this was combined with a responsive layout....

Read on »

How to add custom CSS and javascript to WordPress posts

If an individual post or page in your site requires particular presentational changes or whizz-bang effects, it can be handy to be able load up some custom CSS or javascript, either using internal <style> or <script> tags, or linking to external files....

Read on »