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.

Using CSS shape-outside to emulate shape-inside with fixed positioning. For all modern browsers except IE and Firefox.

A demonstration showing how to animate CSS shapes. For all modern browsers except IE and Firefox.

A demonstration showing how to animate CSS shapes using @keyframes to produce an autorun slideshow. For all modern browsers except IE and Firefox.

A second demonstration showing how to animate CSS shapes using @keyframes to produce an autorun slideshow. For all modern browsers except IE and Firefox.

A simple CSS ONLY modal windows template, suitable for all the latest browsers.

A CSS responsive slide down menu for all the latest browsers, OS and devices without using media queries.

A CSS ONLY responsive slideshow to rival jQuery/javascript with ability to show different images on PCs, tablets and mobiles

A javascript (no jQuery) responsive swipe action panel changer for mouse and touch screens. Works in all the latest browsers and operating systems.

A CSS only responsive swipe action gallery with momentum scrolling. For touch screen and trackpad.

A CSS and javascript responsive swipe action gallery with momentum scrolling. For touch screen, trackpad and mouse.

A CSS responsive swipe action momentum menu for all the latest browsers, OS and devices using a little javascript.

A CSS only responsive full page gallery for all devices with no visible scrollbars.

A CSS responsive 3D 'slinky' animation for all the latest browsers, but buggy on iOS.

A CSS only circular menu with bounce animation using cubic-bezier timing.

A CSS only page layout using 'scroll snap points to scroll the page one screen at a time.

A CSS only 3x3 grid layout using 'scroll snap points to scroll the grid one screen at a time. For IE11 and Edge at the moment.

A CSS only menu using flexbox and order animation. Suitable for all the latest browsers, but only Firefox supports animation of the 'order' style.