opinion and polls

CSS play responsive 'swipe' slideshow version two

A second minimal jQuery and css3 responsive 'swipe' action full screen slideshows.




opinion and polls

CSS play Video Playlist

A simple method of adding a playlist to HTML5 video including support for IE7+.




opinion and polls

CSSplay-er Video Player

A simple HTML5 responsive video player with playlists, skinning and IE6-8 fallback.




opinion and polls

CSSplay - Windows 8 IE10/11 Touch Screen Gallery

A responsive swipe action full screen gallery with swipe action for Windows 8 and IE10/11. NO javascript.




opinion and polls

CSSplay - Responsive Droplist Menu

A responsive droplist menu that works in all modern browsers including touch screens and smart phones.




opinion and polls

CSSplay - Responsive Single Level Menus

A couple of single level responsive menus that works in all modern browsers including touch screens and smart phones.




opinion and polls

CSSplay - Swipe Me Inline! - Slideshow

A responsive swipe action inline gallery with swipe action for all modern browsers and OS.




opinion and polls

CSSplay - Rotating Information Panels

A set of rotating panels using just CSS3.




opinion and polls

CSSplay - Smartphone Mini Menu

A multi level mini menu suitable for smartphones.




opinion and polls

CSSplay - Universal Mini Menu

The previous multi level mini menu suitable for smartphones adapted to show how it might look on PCs.




opinion and polls

CSSplay - Vertical and Horizontal centering

A method of centering images and information panels using margin:auto;.




opinion and polls

CSSplay - PC, tablet and Smartphone Menu

A multi level mini menu suitable for PCs, Tablets and Smartphones.




opinion and polls

CSSplay - Imagemap with hover effect

An html imagemap with hover effect for all browsers except IE which has fallback to a plain imagemap.




opinion and polls

CSSplay - Form select list alternative

An alternative to a form select list which can be fully styled.




opinion and polls

CSSplay - Form select list to drop list conversion

A CSS conversion of a form select list to a drop list.




opinion and polls

CSSplay - Flip Card Photo Gallery

A 3D flip card photo gallery for all the latest browsers.




opinion and polls

CSSplay - BIG! Slideshow version 1.1

Version 1.1 of my BIG! Slideshow with additional features for all modern browsers.




opinion and polls

CSSplay - Full Screen Auto Run Slideshow

A CSS only full screen auto run slideshow with zoom effect and captions.




opinion and polls

CSSplay - PC, tablet and Smartphone Menu verson 2

A second multi level mini menu suitable for PCs, Tablets and Smartphones.




opinion and polls

CSS play responsive 'swipe' slideshow version three

An update to the Swipe Me! slideshow to add extra fuctions and simplify usage.




opinion and polls

CSS play responsive inline 'swipe' slideshow version two

An update to the Swipe Me Inline slideshow to add extra fuctions and simplify usage.




opinion and polls

CSSplay - PC, tablet and Smartphone droplist animated menu

A droplist animated menu suitable for PCs, Tablets and Smartphones.




opinion and polls

CSSplay - PC, tablet and Smartphone vertical concertina animated menu

A vertical concertina animated menu suitable for PCs, Tablets and Smartphones.




opinion and polls

CSSplay - Responsive multi-level menu

A responsive multi-level menu suitable for PCs, Tablets and Smartphones.




opinion and polls

CSSplay - Responsive multi-level menu #2

A second responsive multi-level menu suitable for PCs, Tablets and Smartphones.




opinion and polls

CSSplay - CSS 'toggle' zooming images

A CSS only method of toggling the zoom state of images. Works in all modern browsers including the Android browser.




opinion and polls

CSSplay - Drill down menu #4

A CSS only drill down menu suitable for PCs, Tablets and Smartphones.




opinion and polls

CSSplay - CSS FAQs toggle answers

A CSS only method of toggling the answers to FAQ questions




opinion and polls

CSSplay - CSS Checkbox Gallery

A CSS only gallery with permanent image changes, zoom toggle and captions




opinion and polls

CSSplay - Ring menu with zoom toggle action

A CSS ring menu with a toggle action to open and close and zoom animation.




opinion and polls

CSSplay - Team information

A method of displaying team photos and information panels.




opinion and polls

CSSplay - CSS only click/tap multi-level menu with hover fallback

A CSS only click/tap action multi level menu suitable for touch-enabled devices.




opinion and polls

CSSplay - CSS 'Loading' animation

A CSS only 'loading' animation with no extra markup for all modern browsers.




opinion and polls

CSSplay - CSS Photo Info demo updated

Using the latest CSS techniques to bring the previous Photo Infor demo up to date.




opinion and polls

CSSplay - CSS Form Input Prompts

A CSS only method of adding form input prompts.




opinion and polls

CSSplay - CSS Flexbox Layout

A CSS responsive layout using the latest 'Flexbox' styling with header, three columns and sticky footer.




opinion and polls

CSSplay - Flexbox Accordion Gallery

An accordion gallery using the latest flexbox styling techniques.




opinion and polls

CSSplay - Basic Flexbox Layout

Back to the very basic code and style to produce a 'sticky holy grail' layout.




opinion and polls

CSSplay - A vertical accordion menu using flexbox

A vertical accordion menu using the latest flexbox syling which does not require size calculations.




opinion and polls

CSSplay - A droplist menu using flexbox

A droplist menu using the latest flexbox syling which does not require size calculations.




opinion and polls

CSSplay - Borders, Shadows & Gradients

Using CSS 'border', box-shadow' and 'radial-gradient' together with ::before & ::after to produce graphics.




opinion and polls

CSSplay - 3D Perspective Modelling

Another look at 3D modelling suitable for IE10 and IE11 without using 'transform-style: preserve-3d;'




opinion and polls

CSSplay - 360º 3D Modelling for IE10 and IE11

3D modelling with 360 º animation suitable for IE10 and IE11 without using 'transform-style: preserve-3d;'




opinion and polls

CSSplay - 360º 3D Modelling NOT for IE10 and IE11

3D modelling with 360 º animation using 'transform-style: preserve-3d;' so NOT for IE10 or IE11




opinion and polls

CSSplay - 3D Stormtrooper animation

3D Stormtrooper animation using a flat graphic folded into shape.




opinion and polls

CSSplay - 3D Astro Boy animation

3D Astro Boy animation using a flat graphic folded into shape.




opinion and polls

CSSplay - 3D Eyeball animation

3D 'eyeball' spherical animation.




opinion and polls

CSSplay - 3D Swan Lake animation

3D Swan Lake animation with reflection and ripples.




opinion and polls

CSSplay - 3D Mega Menu

A 3D mega menu with animation, suitable for touch screen devices, with fallback for IE7/8/9.




opinion and polls

CSSplay - CSS 'Drop Shadows'

Two methods of implementing 'drop shadows' instead of 'box shadows'.