Converting decimal numbers to Roman numerals in JavaScript
Recently I decided to provide all the copyright dates on my sites in Roman numerals rather than decimal, just for something different. It’s not a major change I know, but it was something I wanted to...
View ArticleAdding your Twitter feed to your website with jQuery
Since I recently added my own Twitter feed to my website, I used it as the base for my latest PC Pro article adding your Twitter feed to your website with jQuery. As usual, feel free to comment here or...
View ArticleMarking an OS Grid Reference position on a Google Map
Last week I blogged over at PC Pro on how to display a location marker on a Google Map. This assumes that you either enter a standard address and/or postcode/zipcode and relies on Google’s Geocoder to...
View ArticleA different kind of HTML5 shim
As I’m sure many of you are aware, in order to get older versions of Internet Explorer to recognise and apply styles to the new elements defined in HTML5, a JavaScript file known as a “shiv” or “shim”...
View ArticleFiltering a webcam using getUserMedia and HTML5 canvas
With the recent release of Opera 12 which has webcam support with the getUserMedia API, I decided to have a look at this API myself and see how easy it is to use. As it turns out, it’s ridicously...
View ArticleA lesson learned
Today I thought it would be cool and useful to have the time element display the value of its datetime attribute on hover, as sometimes the text that is displayed isn’t fine enough. So I quickly built...
View ArticleMr. Sherlock Holmes
Like many other people around the world I am a huge fan of Sir Arthur Conan Doyle’s Sherlock Holmes. I thought I had read them all until recently I came across a list of stories and discovered that I...
View ArticleUsing the Web Speech API to control a HTML5 video
The JavaScript Web Speech API has been around since October 2012 but has not really been implemented in any browser other than in Chrome, and even then only partially. I decided to take a quick look at...
View ArticleDefining multiple captions and alt text for responsive images
With the welcome rise of the <picture> element and srcset attribute, we now have control over what images are loaded when, allowing us to make our images more responsive, and even to change the...
View ArticleDynamically adding text tracks to HTML5 video
In the past I have written on how the track element can be used to add captions and subtitles to HTML5 video, but this, and many other examples around the web, used a static example. But what if you...
View Article