A CSS3 Stacking Slideshow with 3D animation for all modern browsers except Opera.

A CSS3 Animated Cube that demonstrates the difficulty in styling for IE10 without using 'preserve-3d'.

A CSS3 Animated Dymaxion Map that works in IE10.

A CSS3 Animated 3D Cube Gallery that works in IE10.

A CSS3 Animated 3D Gallery with a challenge to get it working in IE10.

A set of six 3D boxes tht spin on their own axis and around a central point, suitable for IE10.

A CSS 3D animated flip down menu suitable for IE10.

A CSS gallery to display some of the photos taken during our 2013 visit to New Zealand, Australia and Singapore

A method of getting IE7, IE8 and early version of other browsers to support 'background-size:cover'.

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

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.

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 CSS only method of toggling the zoom state of images. Works in all modern browsers including the Android browser.

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

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

3D Stormtrooper animation using a flat graphic folded into shape.

3D Astro Boy animation using a flat graphic folded into shape.

3D 'eyeball' spherical animation.

3D Swan Lake animation with reflection and ripples.

A 3D mega menu with animation, suitable for touch screen devices, with fallback for IE7/8/9.

Two methods of implementing 'drop shadows' instead of 'box shadows'.

Two methods of implementing a change of image from grayscale to color.

A responsive 'curtains' layout using a litle javascript. Working in all browsers and OS including IE7+ and Android

A second responsive 'curtains' layout using a litle javascript, this time working in the opposite direction. Suitable all browsers and OS including IE7+, Android and windows 8 smartphones

A CSS ONLY responsive 'curtains' layout using NO javascript. Suitable all the latest browser versions and OS, including tablets, touch screens and smartphones

A CSS and jQuery responsive single page website with 'slanty' partitions, suitable for all modern browsers and OS

A CSS and jQuery responsive single page website with 'wavy' partitions, suitable for all modern browsers and OS

A CSS3 only game of Tic-Tac-Toe player vs PC using the latest CSS3 selector styles.

An experimental CSS responsive single page website using 'viewport', suitable for all modern browsers and OS (buggy in Opera and fails in Safari PC

A CSS only method of containing a responsive foreground image in a fullscreen browser window without @media queries.

A CSS only method of covering a responsive foreground image in a fullscreen browser window without @media queries.

A CSS only responsive foreground image fullscreen slideshow with 'cover' and 'contain' images and no @media queries.

A second experimental CSS responsive single page website using 'viewport', suitable for all modern browsers and OS (fails in Safari PC)

Another experimental CSS responsive single page website using 'viewport' with a 3 x 3 grid, suitable for all modern browsers and OS (fails in Safari PC)

A CSS responsive 3D 'slinky' animation for all the latest browsers, but buggy on iOS.

A CSS only page layout using 'scroll snap points to scroll the page one screen at a time.

A CSS only 3x3 grid layout using 'scroll snap points to scroll the grid one screen at a time. For IE11 and Edge at the moment.

A CSS only menu using flexbox and order animation. Suitable for all the latest browsers, but only Firefox supports animation of the 'order' style.

A CSS responsive auto run slideshow with image selection and pause on hover

A CSS responsive slideshow with play, pause, previous, next, captions and image selection

A CSS only responsive layout suitable for all the latest browsers and OS.

A third CSS only responsive multi-level tree menu with slide action suitable for all the latest browsers and OS.

Using 'Swiper' with html5 'picture' element to change the images depending on the browser window size, and update parameters.

How to have thumbnail images on a single responsive 'Swiper' slideshow.

Customizing a single responsive 'Swiper' slideshow to have thumbnails, animated captions, dynamic prev/next arrows and pause autorun.

Customizing a single responsive 'Swiper' slideshow to have background thumbnails and large images, animated captions, pause autorun.