Two methods of implementing a change of image from grayscale to color.

A photograph gallery using css filters and transitions.

The British Flag using just two divs.

Using CSS to style 'Awesome Icons'

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

Vimeo video select list with external play/pause/rewind controls and fallback for iOS

A CSS only method of hiding the control bar on Vimeo videos

EasySlide - A responsive, easy to setup, CSS only Slideshow

EasySlide - A responsive, easy to setup, CSS only Slideshow for images of different sizes

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 ONLY responsive multi-level droplist menu suitable for all the latest browsers and operating systems with animation.

A CSS ONLY responsive slide down/up full screen menu suitable for all the latest browsers and operating systems with animation.

A responsive full screen vertical scrolling slideshow using CSS and a little jQuery for all modern browsers and OS.

A CSS ONLY vertical concertina menu suitable for all the latest browsers and operating systems with animation.

A CSS ONLY responsive multi-level droplist menu suitable for all the latest browsers and operating systems with animation.

A CSS and jQuery responsive single page website with 'slanty' partitions, suitable for all modern browsers and OS

A CSS only method of producing percentage border widths and text sizing without using @media queries.

A CSS and jQuery responsive single page website with 'wavy' partitions, suitable for all modern browsers and OS

A CSS only hover effect on an html imagemap. For Firefox, Chrome, Safari and Opera with fallback for IE7+

A CSS3 only game of Tic-Tac-Toe player vs PC using the latest CSS3 selector styles.

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 responsive left/right slideshow with wrap around using the latest CSS selectors.

A CSS ONLY click/tap multi level menu for all the latest browsers and OS with fallback for IE7 and IE8.

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

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

A tutorial for a simple responsive autorun slideshow sutiable for all the latest browsers and OS.

A tutorial for a responsive video (iframe) aspect ratio converter using calc()

A tutorial for CSS only responsive video (iframe) aspect ratios.)

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 second CSS ONLY responsive click/tap droplist menu for all the latest browsers and OS, PCs, tablets and smartphones.

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

A CSS responsive multi-level menu for all the latest browsers and OS, PCs, tablets and smartphones.

Another CSS responsive multi-level menu for all the latest browsers and OS, PCs, tablets and smartphones.

A responsive swipe action stacked slideshow for all browsers and OS, using a little jQuery.

A responsive swipe action stacked slideshow, with multiple instances and sizes, for all browsers and OS, using a little jQuery.

A CSS responsive multi-level menu for all browsers and OS, PCs, tablets and smartphones using a little jQuery.

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 CSS only method of containing a responsive foreground image in a fullscreen browser window without @media queries.

A CSS only method of covering a responsive foreground image in a fullscreen browser window without @media queries.

A CSS only responsive foreground image fullscreen slideshow with 'cover' and 'contain' images and no @media queries.

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)

Using CSS shape to have text track the shape of images. For all modern browsers except IE and Firefox.