Using CSS3 to produce a playing card animated menu.

Adapting the Anywidth dropdown/flyout menu to work on the iPad, iPhone and iPod Touch.

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

A single level slide down menu with a 'close' tab for the iPad, iPhone and iPod Touch.

A multi level dropdown/flyout animated menu with a 'close' tab for the iPad, iPhone and iPod Touch.

A droplist menu with click action and click to close feature.

A circular icon menu with circular icon sub menus and animation.

A droplist menu with slidedown action and pushdown of the content beneath.

Using CSS3 transitions to produce a left/right sliding gallery.

A drop panel menu with multiple configurations, rows, column, galleries flyout/dropdown sub menus, forms, suitable for the iPad, iPhone etc..

Using CSS3 to style text to make it look solid with a realistic shadow and no extra markup.

Using CSS3 keyframes to animate a headline changer. Degrades well in browsers that do not support keyframes

An image enlarger with animation, title and descriptive text (which can contain links)..

A dropdown menu with click to open/close, suitable for the iPad etc..

Using transitions and keyframes with step() to prodcue three auto-run slideshows.

A CSS3 animated slide out menu

A CSS3 vertical concertina menu with click to open/close and slide action. Suitable for the iPad, iPhone and iPod Touch.

A single level dropdown menu with clck action incorporating the latest bug fixes for IE and the iPad, iPhone and iPod Touch.

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 rotate a set of thumbnail images and display a large images, all with a cick of a button.

Using CSS3 to produce a set of thumbnail images that enlarge on hover.

Using CSS3 :target with general sibling selector to produce a 'non-jumping' drill-down menu.

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 click gallery with permanent images to rival jQuery/javascript.

A permanent image slideshow using switchable sets of thumbnail images and large images with captions.

Using CSS3 to animate a stretch/droplist menu.

Using :target to produce a click open/close dropline menu.

Using css3 transitions to animate a slide/fly menu with image 'bounce'.

Using css3 transitons to animate a dropline/dropdown menu with 'current' page options.

A gallery of images on a grid with hover to zoom the images and partially zoom adjacent images.

Using :target to create a permanent changing horizontal accordian menu with click action.

Using :target to create a permanent changing horizontal multi-media accordian menu with click action.

A set of six 3D boxes sliding in a never ending pattern.

Using CSS3 3D transforms to produce a 'flip-down' animated menu.

Using CSS3 3D transforms to produce a Jck-in-the-Box with music.

A 3D truncated icosahedron using CSS3 3D transforms and no images.

A 3D Beach Ball using CSS3 3D transforms and no images.

A group of three 3D 'stick men' runners using CSS3 3D transforms and keyframe anmation.

A method of closing an open dropdown menu by tapping anywhere in the screen

Using 3D transforms and transitions to animate an unfolding dropdown menu

A method of closing an open flyout menu by tapping anywhere in the screen

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 CSS to produce an animated stack of images, version 2.

Using just CSS to produce a multi-level menu with a click action instead of the normal hover suitable for the iPad.

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 second version of the marquee demo using CSS3 and keyframes to produce an interactive marquee for any length of text.

Using CSS3 transitions, transforms and keyframes to produce a 3D animation of the Earth, Mars, Jupiter and the Moon.

Using CSS3 transitions, transforms and keyframes to produce a 3D Dymaxion Map of the Earth's surface.