Dynamically 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 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 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 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 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 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 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 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 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 ArticleConverting 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 ArticleWebsite Optimisation
I’ve altered my already small homesite to run that bit faster by optimising both my JavaScript and CSS files, and also allowing Google to host the jQuery file. jQuery After reading 3 Reasons Why You...
View ArticleJavascript: checking what a string starts with
Just a quick and simple post, that’s possibly nothing new to you, but it might be useful to others. If you want to perform a check on what a string starts with in Javascript, you can use the...
View Articleasp:Textbox – the difference between ReadOnly and Disabled
Again this may be something that is old news to some of you, and perhaps it is to me as well and I had forgotten, but today I was hugely frustrated with .NET seemingly ignoring some perfectly populated...
View Article