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.

A skeleton flyout menu with the path taken through the menu highlighted..

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 CSS3 styles to produce buttons without graphics and no extra markup.

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

Using CSS3 to produce a smooth slidout action for the top level and sub menus.

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

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

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

To complete the set of inline menus this is the flyout version with variable width and NO hacks of any kind, just html and css.

Using Microsoft timeaction (TIME) instead of tables and conditional comments for IE6.

A multi-level flyout menu aimed at the Safari Mobile browser (iPhone, iPad and iPod Touch).

A flyout list menu with slide action aimed at the Safari Mobile browser (iPhone, iPad and iPod Touch).

A flyout set of social network icons with slide action aimed at the Safari Mobile browser (iPhone, iPad and iPod Touch).

The next in the 'click' series to demonstrate a flyout menu with a click action instead of the normal hover.

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

A CSS3 animated slide out menu

A :target gallery with no browser window jump and no cycling through the images when using the browser 'back' button.

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

A Gallery with fly-in and fly-out animation between iage changes. Suitable for all the latest browsers including IE10.

A method of getting multi level dropdown/flyout menus to work in IE10 on touch screen devices.

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

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 CSS only full screen auto run slideshow with zoom effect and captions.

A CSS only method of adding form input prompts.

A CSS responsive layout using the latest 'Flexbox' styling with header, three columns and sticky footer.

Back to the very basic code and style to produce a 'sticky holy grail' layout.

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

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 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 tutorial for a simple responsive autorun slideshow sutiable for all the latest browsers and OS.

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

A CSS only version of tic-tac-toe for Player v Computer demonstating the use of :matches pseudo-class.

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

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 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)