It is now possible to use ttf fonts in your web pages. There are now 5 browsers that support @font-face

A vertical sliding menu with current page styling and the ability to override the current page style when hovering other items.

A CSS dropdown menu using an image map for the top level items with a rollover state, using just two images.

A dropdown menu with current page styling and the ability to override the current page style when hovering other items.

A method of replacing menu link text with rollover png images that works in IE6 and also degrades well when images are of and/or CSS is off.

A method of creating irregular shaped image maps with ease exploiting an odd effect when using Microsofts AlphaImageLoader to render background PNG images. Only for IE though.

A simple method of replacing all text with images in a single level dropdown menu with rollover.

A more complex method of replacing all text with images in a single level dropdown menu using individual png images.

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.

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

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

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.

A single level dropdown with top level rollover images.

Using CSS3 transitions to produce a smooth image enlarger.

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.

Using the Fit and Shrink Technique to produce an image enlarger which does not need the image sizes to be defined.

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

Using CSS3 to produce a horizontal image slide menu to rival any javascript version.

Using just html and css with no extra markup to produce foreground png images

Using the no hacks float drop technique to produce an image dropdown menu with popup tooltips.

Using CSS3 to animate a set of thumbnail images.

Using CSS3 to produce an expanding stack of image links, suitable for the iPad etc.

Using CSS3 to produce a vertical sliding set of panels with menus.

Using the gerneral sibling selector to show enlarged sections of an image on hover.

Using CSS3 and the latest discoveries and techniques to have a click action image information panels.

Using an image to close any open sub menus on the iPad, iPhone and iPod Touch.

Using CSS to cycle though a set of images.

Using CSS3 to animate a page flip to show two inner pages.

Using CSS3 to animate a page flip to show two inner pages with a little twist.

Using the CSS3 page flip routine to produce a page flip gallery.

Using the CSS3 page flip routine to produce a page flip book.

Using :before/:after and content: together with the general sibling selector to produce a CSS only gallery of 100 images with all the image information in the stylesheet.

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

A method of applying :focus to images.

A show/hide information panels using click to open and close.

Using CSS3 to 'animate zoom' a set of thumbnail images.

Using CSS3 to rotate a set of images.

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

A simple image magnifier with a bounce animation.

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

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

CSS only tabbed pages with persist and several other features. For IE9+, Firefox, Opera, Safari and Chrome.

CSS only gallery with permanent images, using no :target, iframes, objects or javascript.

CSS only gallery with permanent images, using no :target, iframes, objects or javascript, version 2.

Using my latest techniques to produce and improved tabbed pages with persist

Using a new technique to enlarge a section of an image.