Adding audio to your website with HTML5

Monday, August 23rd, 2010

With all the furore around the HTML5 video element, the poor audio element sits in the background wondering what it’s done wrong to receive so little attention. So in an attempt to redress the balance, I’m going to show you how you can stream audio to your website visitors without any additional plugins.

As with the video element, in the past the only method of embedding audio files into a web page was to use Flash or another third-party plugin. There simply was no other way. With the introduction of the audio element, this has changed.

(more…)

Seven of the best HTML5 resources

Monday, August 2nd, 2010

There are plenty of articles out there that explain the principles of HTML5, including Davey Winder’s Everything you need to know about HTML5.

But how do you actually go about using it? This article introduces my recommended list of HTML5 resource websites, where a large number of tutorials, experiments, information and examples on using the various bits and pieces of HTML5 can be found.

HTML5 Doctor is a collaboration featuring some of the top advocates of HTML5, notably Bruce Lawson, Remy Sharp, and Rick Clark.  On the site you’ll find articles relating to HTML5, its semantics, and most importantly, how to use it right now. In addition, they also invite users to ask questions which they answer at regular intervals.

(more…)

How to make your website more attractive with @font-face

Thursday, July 15th, 2010

In my last blog entry I briefly mentioned CSS3 when talking about the confusion surrounding HTML5. In this post, I’m going to talk about one of the new features of CSS3 and one which will possibly be noticed most by the non-web developer.

Allow me to introduce @font-face.

(more…)

The confusion surrounding HTML5

Tuesday, June 22nd, 2010

There seems to be a lot of confusion lately with regards to what HTML5 actually is. Those in the web development community generally have a good idea of what it entails, if not the nitty-gritty, at least what it may contain. Not so outside of the web development world.

As generally tends to happen, external parties grab hold of these new phrases, half-heartedly look into what they mean, jumble them together and cause a wave of confusion. The latest wave is the lumping together of HTML5 and CSS3 into the general heading of HTML5. (more…)

The top 10 HTML5 sites dissected

Wednesday, May 26th, 2010

HTML5 might be a new and emerging technology – heck, the specification isn’t even completely decided yet – but there are plenty of websites out there that are already taking advantage of HTML5 features, and have been for some time. I converted my personal site to be HTML5 compliant back in December 2009.

There are several HTML5 gallery sites currently knocking about (HTML5 Gallery and 101 Best HTML5 Sites to name just two). Here, I’m going to examine 10 HTML5 websites and briefly describe what new  features they are using. Some of these sites are favourites of mine, others have been included because of the new HTML5 features they take advantage of.

(more…)

Adding video to your website with HTML5

Tuesday, May 18th, 2010

In the first of his blogs for PC Pro, web developer Ian Devlin reveals how to embed video into your website with HTML5

Probably the biggest and most talked about feature of HTML5 is embedded video. Currently, the only method of adding video content to your website is with a third-party plugin such as Flash, QuickTime or RealPlayer. With the dawn of HTML5 and the video element this will all change, with video support being handled by the web browser, doing away with the need for any third party support.

Several web browsers already offer support for HTML5. Here we’re going to reveal how you can embed plugin-free video into your site and the issues you’ll face.

(more…)