A dropline menu that works on touch screen devices including Android OS and has animation.

A vertical concertina menu that works on touch screen devices including Android OS and has animation.

A responsive droplist menu that works on touch screen devices including Android OS and IE10.

A responsive dropdown/flyout menu that works on touch screen devices including Android OS and IE10.

A responsive single level menu that works on touch screen devices including Android OS and IE10.

Another method of displaying sets of photographs. Suitable for all modern browsers.

A simple method of displaying sets of photographs. Suitable for all modern browsers.

A conversion of a jQuery/javascript driven slideshow into a CSS only version.

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 inline gallery with swipe action for all modern browsers and OS.

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.

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.

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

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

Vimeo video autopause and off screen pause/continue for all browsers including IE8+

Vimeo video select list with external play/pause/rewind controls and fallback for iOS

A CSS only method of hiding the control bar on Vimeo videos

EasySlide - A responsive, easy to setup, CSS only Slideshow

EasySlide - A responsive, easy to setup, CSS only Slideshow for images of different sizes

A CSS ONLY responsive slide down/up full screen menu suitable for all the latest browsers and operating systems with animation.

A responsive full screen vertical scrolling slideshow using CSS and a little jQuery for all modern browsers and OS.

A CSS ONLY vertical concertina menu suitable for all the latest browsers and operating systems with animation.

A CSS only method of producing percentage border widths and text sizing without using @media queries.

A CSS ONLY universal slide in/out menu suitable for all the latest browsers and operating systems with animation.

A CSS only responsive slideshow with auto play option for all the latest browsers and operating systems.

An update to the CSS only responsive slideshow with auto play option for all the latest browsers and operating systems, to simplify and add extra functionality.

A basic responsive auto play slideshow using the latest CSS selectors.

A responsive left/right auto play slideshow using the latest CSS selectors.

A responsive left/right slideshow with wrap around using the latest CSS selectors.

A tutorial for a simple responsive autorun slideshow sutiable for all the latest browsers and OS.

A tutorial for a responsive video (iframe) aspect ratio converter using calc()

A tutorial for CSS only responsive video (iframe) aspect ratios.)

A tutorial to replace the default controls on a Vimeo video with a Play / Pause button, and make responsive.

A CSS ONLY responsive click/tap fade in/out menu for all the latest browsers and OS, PCs, tablets and smartphones.

A responsive swipe action stacked slideshow for all browsers and OS, using a little jQuery.

A responsive swipe action stacked slideshow, with multiple instances and sizes, for all browsers and OS, using a little jQuery.

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

Using CSS shape-outside to emulate shape-inside with fixed positioning. For all modern browsers except IE and Firefox.

A demonstration showing how to animate CSS shapes using @keyframes to produce an autorun slideshow. For all modern browsers except IE and Firefox.

A second demonstration showing how to animate CSS shapes using @keyframes to produce an autorun slideshow. For all modern browsers except IE and Firefox.

A CSS responsive slide down menu for all the latest browsers, OS and devices without using media queries.