Quantcast
Channel: Ian Devlin » javascript
Browsing index pages (13 articles)

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 Article


Defining 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 Article


Using 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 Article

Mr. 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 Article

A 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 Article


Filtering 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 Article

A 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 Article

Marking 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 Article


Adding 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 Article


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 Article

Website 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 Article

Javascript: 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 Article

asp: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

Browsing index pages (13 articles)


Latest Images