HTML5

Below are some HTML5 test pages I created while studying an oreilly.com HTML5 training course. They demo features such as Video, Audio, Geolocation, Canvas and also there’s a Massive Attack Video and Audio player, made entirely in HTML5, which is a modification to an example on the training course.

HTML5 Video
https://www.patwalsh.co.uk/code/html5/dev-html5-video.html

HTML5 Geolocation – Example with Alertbox
https://www.patwalsh.co.uk/code/html5/dev-html5-geo-alertboxonly.html

HTML5 Geolocation – Example with Google Maps
https://www.patwalsh.co.uk/code/html5/dev-html5-geo-maps.html

HTML5 Canvas – Examples of working with images and drawing a grid
This example uses the canvas element to load an image and display it several times to the screen and also has an example of drawing a grid.
https://www.patwalsh.co.uk/code/html5/dev-html5-canvas1.html

HTML5 Canvas – Drawing animations
This is quite a cool little animation of falling spots, where you click the mouse on a part of the browser screen and a random-sized spot appears. This then begins falling off the browser screen. If you click the Paint checkbox, the spot will paint all the way down to the bottom. This doesn’t work with all browsers (ok on Chrome and IE at moment) and works particularly well on a device with Touch screen.
https://www.patwalsh.co.uk/code/html5/dev-html5-canvas-ani2.html

HTML5 Canvas – Massive Attack Video and Audio Player
This example puts together a lot of the above elements and combines them to make a Massive Attack Video and Audio Player, all entirely made out of HTML5, CSS and the video and audio files.
The icons in the top left corner select between Video Player and Audio Player.
https://www.patwalsh.co.uk/code/html5/html5-massiveattack.html

Pat Walsh fixed my site within hours of my contacting him – his WordPress website fix service clearly works!

Douglas Green, Douglas Software

Pat Walsh provided Kingston Valdes with a professional and personable service that was excellent value. The site was built and tested quickly, we are delighted with the results, and we have already had positive feedback from some of our clients. If you’re thinking of building a new site or adapting an existing one, I’d certainly recommend speaking with Pat about it.

Kathy Valdes, Kingston Valdes

Couldn’t recommend Pat highly enough. He goes beyond what you’d expect of a QA tester, commenting more broadly on user experience and even design. He’s quick, efficient and thorough – couldn’t ask for any more.

Rob Calvert, Director, Click

Pat came to Composed to respond to our (increasingly urgent) need of QA on mobile and web and I can testify he more than fulfilled the task. On the Android side, his very structured approach (first exploratory testing, then focus on defining test plans for a variety of scopes) and his clear knowledge of the latest mobile technologies have quickly paid off. He was involved directly with the developers (including myself) and this very dynamic relationship enabled us to annihilate bugs swiftly and efficiently.

David Ferrand, Android Developer, Composed

We’ve worked with Pat Walsh on a number of very different projects, from interactive video projects to mobile apps. His work is very thorough and has quickly become an essential and important phase of all the production work we do at Storythings. He’s thorough, diligent, and a pleasure to work with.

Matt Locke, Director, Storythings

Pat is an excellent one-stop-shop for testing Apps and Websites. He is a self-starter who just knows what needs to be done and gets on with it, and is responsive to requests for any specific testing requirements. He provides test plans and reports as a matter of course and was a pleasure to work with. I will definitely be working with Pat again if the opportunity arises.

Andrew Birley, PM, Storythings

Pat performs comprehensive website testing for us, across all the main browsers and platforms, including mobile devices. His flexible approach to testing and clear feedback enable us to have confidence that the business end of our website is still working smoothly after system updates and changes.

Steve Liu, Manager, Wicked Lasers

We hired Pat to help with QA of a music streaming app. We needed someone with that magic “6th sense” of where the bugs are lurking; the ones which developers tend to miss. Pat more than fulfilled this need, with highly methodical approach and a great eye for detail.

Subsequently Pat has provided QA services for a personal app project of mine, finding a significant issue which had been lurking for some time.

Pat is a real asset to any team – highly competent technically but also easy going and a great guy to work with. Highly recommended!

Andrew Ebling, Head of App Development, Composed

Pat has been absolutely incredible at testing each of our projects he works on. He’s very professional, organised and diligent. I look forward to using him again in the future.

Oliver Thurtle, Director of Technology, Drum