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 CSS only responsive slideshow with auto play option for all the latest browsers and operating systems.
A CSS ONLY universal slide in/out menu suitable for all the latest browsers and operating systems with animation.
A CSS3 only game of Tic-Tac-Toe player vs PC using the latest CSS3 selector styles.
A CSS only hover effect on an html imagemap. For Firefox, Chrome, Safari and Opera with fallback for IE7+
A CSS and jQuery responsive single page website with 'wavy' 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 'slanty' partitions, suitable for all modern browsers and OS
A CSS ONLY responsive multi-level droplist menu suitable for all the latest browsers and operating systems with animation.
A CSS ONLY vertical concertina 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 responsive slide down/up full screen 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 ONLY responsive 'curtains' layout using NO javascript. Suitable all the latest browser versions and OS, including tablets, touch screens and smartphones
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 responsive 'curtains' layout using a litle javascript. Working in all browsers and OS including IE7+ and Android
EasySlide - A responsive, easy to setup, CSS only Slideshow for images of different sizes
A CSS only method of hiding the control bar on Vimeo videos
Vimeo video select list with external play/pause/rewind controls and fallback for iOS
Vimeo video autopause and off screen pause/continue for all browsers including IE8+
Two methods of implementing a change of image from grayscale to color.
Two methods of implementing 'drop shadows' instead of 'box shadows'.
A 3D mega menu with animation, suitable for touch screen devices, with fallback for IE7/8/9.
3D Astro Boy animation using a flat graphic folded into shape.
3D Stormtrooper animation using a flat graphic folded into shape.
3D modelling with 360 º animation using 'transform-style: preserve-3d;' so NOT for IE10 or IE11
3D modelling with 360 º animation suitable for IE10 and IE11 without using 'transform-style: preserve-3d;'
Another look at 3D modelling suitable for IE10 and IE11 without using 'transform-style: preserve-3d;'
Using CSS 'border', box-shadow' and 'radial-gradient' together with ::before & ::after to produce graphics.
A droplist menu using the latest flexbox syling which does not require size calculations.
A vertical accordion menu using the latest flexbox syling which does not require size calculations.
Back to the very basic code and style to produce a 'sticky holy grail' layout.
An accordion gallery using the latest flexbox styling techniques.
A CSS responsive layout using the latest 'Flexbox' styling with header, three columns and sticky footer.
Using the latest CSS techniques to bring the previous Photo Infor demo up to date.
A CSS only 'loading' animation with no extra markup for all modern browsers.
A CSS only click/tap action multi level menu suitable for touch-enabled devices.
A method of displaying team photos and information panels.
A CSS ring menu with a toggle action to open and close and zoom animation.
A CSS only gallery with permanent image changes, zoom toggle and captions
A CSS only method of toggling the answers to FAQ questions
A CSS only drill down menu suitable for PCs, Tablets and Smartphones.
A CSS only method of toggling the zoom state of images. Works in all modern browsers including the Android browser.