A tennis animation using simple html code and CSS.

A Ping-pong game, player v computer. Just for fun.

A Windows 8 'Metro' style menu suitable for all modern browsers including touch screens.

Another Pong game, player v computer. Fixing some issues.

Using minimal jQuery and css3 to create responsive videos with playlists, video play state and multi occurrences.

Using minimal jQuery and css3 to create responsive 'swipe' action full screen slideshows.

A second minimal jQuery and css3 responsive 'swipe' action full screen slideshows.

A simple method of adding a playlist to HTML5 video including support for IE7+.

A simple HTML5 responsive video player with playlists, skinning and IE6-8 fallback.

A responsive swipe action full screen gallery with swipe action for Windows 8 and IE10/11. NO javascript.

A responsive droplist menu that works in all modern browsers including touch screens and smart phones.

A couple of single level responsive menus that works in all modern browsers including touch screens and smart phones.

A responsive swipe action inline gallery with swipe action for all modern browsers and OS.

A set of rotating panels using just CSS3.

A multi level mini menu suitable for smartphones.

The previous multi level mini menu suitable for smartphones adapted to show how it might look on PCs.

A method of centering images and information panels using margin:auto;.

A multi level mini menu suitable for PCs, Tablets and Smartphones.

An html imagemap with hover effect for all browsers except IE which has fallback to a plain imagemap.

An alternative to a form select list which can be fully styled.

A CSS conversion of a form select list to a drop list.

A 3D flip card photo gallery for all the latest browsers.

Version 1.1 of my BIG! Slideshow with additional features for all modern browsers.

A CSS only full screen auto run slideshow with zoom effect and captions.

A second multi level mini menu suitable for PCs, Tablets and Smartphones.

An update to the Swipe Me! slideshow to add extra fuctions and simplify usage.

An update to the Swipe Me Inline slideshow to add extra fuctions and simplify usage.

A droplist animated menu suitable for PCs, Tablets and Smartphones.

A vertical concertina animated menu suitable for PCs, Tablets and Smartphones.

A responsive multi-level menu suitable for PCs, Tablets and Smartphones.

A second responsive multi-level menu suitable for PCs, Tablets and Smartphones.

A CSS only method of toggling the zoom state of images. Works in all modern browsers including the Android browser.

A CSS only drill down menu suitable for PCs, Tablets and Smartphones.

A CSS only method of toggling the answers to FAQ questions

A CSS only gallery with permanent image changes, zoom toggle and captions

A CSS ring menu with a toggle action to open and close and zoom animation.

A method of displaying team photos and information panels.

A CSS only click/tap action multi level menu suitable for touch-enabled devices.

A CSS only 'loading' animation with no extra markup for all modern browsers.

Using the latest CSS techniques to bring the previous Photo Infor demo up to date.

A CSS only method of adding form input prompts.

A CSS responsive layout using the latest 'Flexbox' styling with header, three columns and sticky footer.

An accordion gallery using the latest flexbox styling techniques.

Back to the very basic code and style to produce a 'sticky holy grail' layout.

A vertical accordion menu using the latest flexbox syling which does not require size calculations.

A droplist menu using the latest flexbox syling which does not require size calculations.

Using CSS 'border', box-shadow' and 'radial-gradient' together with ::before & ::after to produce graphics.

Another look at 3D modelling suitable for IE10 and IE11 without using 'transform-style: preserve-3d;'

3D modelling with 360 º animation suitable for IE10 and IE11 without using 'transform-style: preserve-3d;'

3D modelling with 360 º animation using 'transform-style: preserve-3d;' so NOT for IE10 or IE11