For the next 9 or so months, I am taking a break from work and going travelling with my girlfriend. So, just as I finally got the site somewhere near where I wanted it to be – I am abondoning it to see some of the world! For anyone interested, we will be keeping our friends and family updated as to our adventures over at travelblog.pmbennett.net.
As a user interface developer, I come across those annoying question marks in Firefox fairly frequently, where someone has copied-and-pasted some text from a rich-text editor into an HTML file which contained unencoded HTML character entities. I have a fairly good memory for these things, but inevitably I have to use Google to find some that escape my memory. So I developed a simple HTML application to copy the encoded HTML character entities to my clipboard, ready to be pasted directly into my HTML.
CSS3 transitions and animations are rightly attracting a lot of attention. With support in most modern browsers, there is a lot of scope for creating rich user experiences using only CSS. In this post, I will walk through how to create a stack of photos using CSS keyframe animations and a dash of jQuery to achieve a pretty awesome effect.
Before I continue, I must point out this this is neither new or revolutionary; but it amazed me that after 6 years of front-end devlopement, I had never used the CSS2 display: inline-block selector. It’s usefulness has been pointed out many times in the past, but I still thought that it would be worthwhile documenting my usage of it.
I recently needed to outline a region on a map for a client, but wanted to maintain the interactivity you get with Google Maps. After a bit of Googling, I found that this could be achieved using Polylines.