A click gallery using 'Previous' and 'Next' preview images to navigate, in which the large image is permanently on screen until another image is chosen EVEN when refreshing the page. With descriptive text and linking option.

A click gallery using a sliding set of thumbnail images to navigate. The large image is permanently on screen until another image is chosen EVEN when refreshing the page. With descriptive text and linking option.

The previous gallery but with the thumbnails arranged vertically instead of horizontal.

A dropdown menu using top level png images with the submenu used for image information.

A dropdown version of the previous multi-line flyout menu

A simple anywidth CSS flyout menu with an easy method of having a breadcrumb trail.

Using the no hacks dropdown system and a little extra styling to produce a dropdown button menu with highlight on hover.

The no hacks, no javascript, no tables and no conditional comments dropdown/flyout menu restyled to work correctly in all browsers, with tabbing.

The no hacks, no javascript, no tables and no conditional comments dropdown/flyout menu with png opacity background images.

Using the new multi-level menu system this has a better indication of the path taken through the menu structure.

A multi-level drop/fly menu using the new system and mouse clicks instead of hovers.

A multi-level drop/fly menu using the new system with manually adjusted widths for top and sub levels.

The previous menu with the ability to adjust the widths of all levels.

The previous menu with the ability to adjust the widths of all levels and center each level.

The multi level dropdown/flyout menu with the path through the menu highlighted.

A small restyle to make this menu system more robust and have an easy menu trail style.

Back to the very basic styling to produce this no hacks dropdown/flyout menu.

Using the same NEW method as the previous menu to have the sub line appear above the top level links.

Using the latest no hack system to have top level images and dropdown boxes cntaing images and text

Using CSS3 styles to produce a zoom/fade-in photo gallery.

The Image Magnifier of 2005 revisited to improve quality and make simpler and smoother.

Using CSS3 'general sibling' selector problems when using :hover in Safari and Chrome

Using CSS3 selectors to animate two static images to give 3D effect.

The previous demo adapted to have a continuous left to right rolling can.

Using CSS3 to parallax scroll text.

Using CSS3 to produce a multi purpose dropdown menu system that can contain any information.

Using CSS3 to style different color square boxes into 3D spheres.

Using Webkit keyframes to produce an auto-run slideshow with pause facility using absolutely NO javascript. For Safari and Chrome at the moment.

Using Webkit keyframes to produce an auto-run digital time to show how long you have been on a page.

Using Microsoft filter to produce a drop shadow for all versions of IE to match the css3 shadows of Firefox etc.

Using Microsoft filter to produce a dropdown menu with drop shadows and gradient fill overlays

Using CSS3 and keyframes to produce an interactive marquee

The Tower of Hanoi puzzle in collaboration with Javier Román Cortés

Using CSS3 general sibling selector to produce a left/right click gallery.

Using CSS3 adjacent sibling selector to produce a Clickbox Gallery.

Mapping of irregular shapes using just css. With hover effect and popup information panel.

A CSS only dropline menu with current page selection and override when hovering other tabs.

Using FaST to create a gallery for any size images.

Two methods to indicate text-overflow. One using CSS3 and the other using a small graphic.

A single level dropdown with top level rollover images.

Using CSS3 transitions and delay to produce a sliced image rollover 'poster' change.

Using CSS3 transitions to produce a smooth image enlarger.

A CSS answer to the javascrpt drill-down menus.

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

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

A droplist menu with 1, 2 3 or 4 columns and flyout sub menus.

A CSS3 animated droplist menu with slide up/down and fade in/out for browsers that support transitions

A tutorial to explain how the float.drop menu system works.

A totally new method of producing a dropdown menu with variable width and NO hacks of any kind, just html and css.

A follow on from the dropdown menu this one is a dropline with variable width and NO hacks of any kind, just html and css.