k

Previous/Next preview click gallery

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.




k

Re-styled no hacks dropdown/flyout menu

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




k

No hacks multi level flyout menu

The no hacks, no javascript, no tables and no conditional comments flyout menu with tabbing.




k

No hacks dropdown/flyout menu v2

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




k

No hacks dropdown/flyout menu v3

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




k

No hacks dropdown/flyout menu v4

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




k

No hacks dropdown/flyout menu v5

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




k

No hacks dropdown/flyout menu v6

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




k

No hacks dropdown/flyout menu v7

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




k

No hacks flyout menu v2

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




k

No hacks dropdown/flyout menu v8

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




k

No hacks dropdown/flyout menu v9

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




k

CSS play's 'Clickbox'

CSS play's 'Clickbox' version of Lightbox that now works in Safari(PC) and Google Chrome.




k

No hacks dropdown/flyout - 'Snowstorm'

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




k

Using CSS play's 'Clickbox'

A practical use of CSS play's 'Clickbox'. A CSS only version of Lightbox that now works in Safari(PC) and Google Chrome.




k

Image dropdown menu - no hacks

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




k

CSS3 Analogue Clock

Using Webkit keyframes to produce an analogue clock. A small javascript routine is used to set the correct time on page entry.




k

CSS3 Click Gallery

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




k

CSS3 Clickbox Gallery

Using CSS3 adjacent sibling selector to produce a Clickbox Gallery.




k

CSS3 Click Slideshow

Using CSS3 adjacent sibling selector to produce a Click Slideshow.




k

100% background Images using CSS3

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




k

HTML+TIME background color change

Using HTML+TIME to get IE5.5 and IE6 to have a background color change on hover.




k

CSS3 Social Network Menu

Using CSS3 to produce a social network circle of icons.




k

Safari Mobile browser 'exploding' image links.

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




k

CSS3 Book Shelf Menu.

Using CSS3 to produce a Book Shelf menu with animated books.




k

CSS3 3D Book

Using CSS3 with perspective to produce a book which has an open/close cover and 360 degree rotation. For Safari ONLY at the moment




k

CSS3 3D Social Network Ring

Using CSS3 to produce a Rotating set of Social Network Icons - for Safari ONLY at the moment.




k

CSS3 Carousel Slideshow - 'Click version'

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




k

CSS ONLY click action multi-level menu

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




k

CSS ONLY click action dropline menu

Continuing with the 'click' series to demonstrate a dropline menu with a click action instead of the normal hover.




k

CSS ONLY click action flyout menu

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




k

CSS ONLY click action vertical slide menu

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




k

CSS3 'Hover/Click' Slideshow

Using CSS3 to produce a slideshow with a hover/click action and animation.




k

CSS Stacked Slideshow

Using CSS to produce an animated stack of images.




k

CSS click action vertical concertina menu

Another menu in the 'click' series to demonstrate a vertical concertina menu with a click action instead of the normal hover and working in IE6.




k

A CSS3 click multi-dropline menu

Using CSS3 to produce a click action dropline menu with multiple levels.




k

CSS3 Page Flip Book

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




k

CSS3 Keyframe Gallery

Using CSS3 Keyframes to produce an animated gallery, for Safari, Chrome and the New Firefox v5.




k

CSS3 Keyframe 'Lightbox' Gallery

Using CSS3 Keyframes to produce an animated 'lightbox' type gallery, for Safari, Chrome and the New Firefox 5.




k

CSS click droplist menu

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




k

Image click information panels

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




k

Click action dropdown menu

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




k

Click action concertina slide menu

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




k

Click action vertical slide menu with bug fixes for IE and iPad

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




k

CSS3 left/right click gallery

Using CSS3 to animate a left/right click gallery with sliding thumbnail images




k

CSS3 left/right click gallery #2

Using CSS3 to animate a left/right click gallery with sliding large images




k

CSS3 left/right click panels #3

Using CSS3 to animate a left/right click set of information panels with 'jump to panel number' option.




k

CSSplay Mickey Mouse and Friends

Using CSS3 to produce click gallery with permanent images to rival jQuery/javascript.




k

CSSplay :target gallery with no 'back' button history problems

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




k

CSS3 3D jack-in-the-Box

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