Using CSS3 to produce a smooth slidout for a single level menu with siding icons.

Another menu using the float/drop technique using total background images with hover change and breadcrumb trail.

How to style the background image using CSS3 to make it fit the container size.

Using CSS3 to produce a Carousel Slideshow. Animation for Safari, Chrome, Opera and Safari v4 beta ONLY at the moment. Now with a click action

Using CSS3 and the latest discoveries and techniques to update this demonstrations.

Demonstrations for the use of the 'resize' style.

The previous menu modified to give a clearer indication of the 'CLOSE' tab for the iPad etc..

A simpler version of the Anywidth v2 menu, using the latest techniques and discoveries for the iPhone, iPad and iPod Touch.

A simpler version of the Anywidth v3 menu, using the latest techniques and discoveries for the iPhone, iPad and iPod Touch.

A simpler version of the Anywidth v4 menu, using the latest techniques and discoveries for the iPhone, iPad and iPod Touch.

Using CSS3 to produce a set of thumbnail images that enlarge on click. Using :target with the general sibling selector and the 'no jump' technique.

Using CSS3 to produce a gallery for any size images.

Using :before and :after pseudo-elements to produce a rollover menu.

A simpler version of the Anywidth v5 menu, using the latest techniques and discoveries for the iPhone, iPad and iPod Touch. NO need for a special 'close' button or tab.

Using :before/:after and content: together with the general sibling selector to produce a CSS only gallery with minimal code for the iPad etc..

A :hover gallery with permanent image changes, version 2.

Using just CSS to produce a circular ring menu for all modern browsers.

Version 2 of the multi function slide show with permanent image changes for all modern PC browsers and Safari Mobile browsers.

A left/right slider to reveal/hide an 'after' image suitable for IE7+.

A CSS3 hover / dropdown menu with sub menus staying open when moving the mouse off the menu.

A simpler version of the Anywidth #6 menu, using the latest techniques and discoveries for the iPhone, iPad and iPod Touch. NO need for a special 'close' button or page wide transparent image.

A CSS3 gallery for images of different sizes.

A CSS3 gallery for images of different sizes - version 2.

Using CSS3 and the page flip technique to produce a book in which you can flip forwards and backwards through the pages.

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

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

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

A responsive layout with animated repositioning of elements. For all the latest browsers.

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

A responsive image map that works on touch screen devices including Android OS and IE10.

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 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 CSS conversion of a form select list to a drop list.

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

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 responsive multi-level menu suitable for PCs, Tablets and Smartphones.

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

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.

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 ONLY responsive multi-level droplist menu suitable for all the latest browsers and operating systems with animation.