ay CSSplay - Responsive 'Slanty' layout By www.cssplay.co.uk Published On :: 2014-09-05 A CSS and jQuery responsive single page website with 'slanty' partitions, suitable for all modern browsers and OS Full Article
ay CSSplay - Percentage border and text sizing By www.cssplay.co.uk Published On :: 2014-09-06 A CSS only method of producing percentage border widths and text sizing without using @media queries. Full Article
ay CSSplay - Responsive 'Wavy' layout By www.cssplay.co.uk Published On :: 2014-09-15 A CSS and jQuery responsive single page website with 'wavy' partitions, suitable for all modern browsers and OS Full Article
ay CSSplay - Imagemap with CSS only hover effect By www.cssplay.co.uk Published On :: 2014-09-16 A CSS only hover effect on an html imagemap. For Firefox, Chrome, Safari and Opera with fallback for IE7+ Full Article
ay CSSplay - CSS3 Tic-Tac-Toe By www.cssplay.co.uk Published On :: 2014-09-23 A CSS3 only game of Tic-Tac-Toe player vs PC using the latest CSS3 selector styles. Full Article
ay CSSplay - CSS only universal slide in/out menu By www.cssplay.co.uk Published On :: 2014-09-29 A CSS ONLY universal slide in/out menu suitable for all the latest browsers and operating systems with animation. Full Article
ay CSSplay - CSS responsive slideshow with auto play option By www.cssplay.co.uk Published On :: 2014-10-10 A CSS only responsive slideshow with auto play option for all the latest browsers and operating systems. Full Article
ay CSSplay - CSS responsive slideshow with auto play option, version 2 By www.cssplay.co.uk Published On :: 2014-10-13 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. Full Article
ay CSSplay - CSS basic auto play slideshow By www.cssplay.co.uk Published On :: 2014-10-14 A basic responsive auto play slideshow using the latest CSS selectors. Full Article
ay CSSplay - CSS responsive auto play slideshow By www.cssplay.co.uk Published On :: 2014-10-15 A responsive left/right auto play slideshow using the latest CSS selectors. Full Article
ay CSSplay - CSS responsive left right slideshow with wrap around By www.cssplay.co.uk Published On :: 2014-10-18 A responsive left/right slideshow with wrap around using the latest CSS selectors. Full Article
ay CSSplay - CSS click/tap multi level menu By www.cssplay.co.uk Published On :: 2014-10-22 A CSS ONLY click/tap multi level menu for all the latest browsers and OS with fallback for IE7 and IE8. Full Article
ay CSSplay - Responsive CSS click/tap multi level menu By www.cssplay.co.uk Published On :: 2014-12-16 A CSS ONLY responsive click/tap multi level menu for all the latest browsers and OS, PCs, tablets and smartphones. Full Article
ay CSSplay - Responsive CSS click/tap droplist menu By www.cssplay.co.uk Published On :: 2015-01-10 A CSS ONLY responsive click/tap droplist menu for all the latest browsers and OS, PCs, tablets and smartphones. Full Article
ay CSSplay - CSS responsive autorun slideshow tutorial By www.cssplay.co.uk Published On :: 2015-01-12 A tutorial for a simple responsive autorun slideshow sutiable for all the latest browsers and OS. Full Article
ay CSSplay - CSS responsive video aspect ratio converter By www.cssplay.co.uk Published On :: 2015-02-01 A tutorial for a responsive video (iframe) aspect ratio converter using calc() Full Article
ay CSSplay - CSS responsive video aspect ratios By www.cssplay.co.uk Published On :: 2015-02-06 A tutorial for CSS only responsive video (iframe) aspect ratios.) Full Article
ay CSSplay - Vimeo video replacing default controls with Play / Pause button By www.cssplay.co.uk Published On :: 2015-02-23 A tutorial to replace the default controls on a Vimeo video with a Play / Pause button, and make responsive. Full Article
ay CSSplay - CSS only tic-tac-toe Player v Computer By www.cssplay.co.uk Published On :: 2015-02-26 A CSS only version of tic-tac-toe for Player v Computer demonstating the use of :matches pseudo-class. Full Article
ay CSSplay - Responsive CSS click/tap droplist menu - version 2 By www.cssplay.co.uk Published On :: 2015-04-20 A second CSS ONLY responsive click/tap droplist menu for all the latest browsers and OS, PCs, tablets and smartphones. Full Article
ay CSSplay - Responsive CSS fade in/out menu panel By www.cssplay.co.uk Published On :: 2015-04-24 A CSS ONLY responsive click/tap fade in/out menu for all the latest browsers and OS, PCs, tablets and smartphones. Full Article
ay CSSplay - Responsive CSS multi-level menu By www.cssplay.co.uk Published On :: 2015-05-14 A CSS responsive multi-level menu for all the latest browsers and OS, PCs, tablets and smartphones. Full Article
ay CSSplay - Responsive CSS multi-level menu By www.cssplay.co.uk Published On :: 2015-05-18 Another CSS responsive multi-level menu for all the latest browsers and OS, PCs, tablets and smartphones. Full Article
ay CSS PLAY - Responsive swipe action stacked slideshow By www.cssplay.co.uk Published On :: 2015-05-19 A responsive swipe action stacked slideshow for all browsers and OS, using a little jQuery. Full Article
ay CSS PLAY - Responsive swipe action stacked slideshow v2 By www.cssplay.co.uk Published On :: 2015-05-20 A responsive swipe action stacked slideshow, with multiple instances and sizes, for all browsers and OS, using a little jQuery. Full Article
ay CSSplay - Responsive CSS multi-level jQuery menu By www.cssplay.co.uk Published On :: 2015-05-26 A CSS responsive multi-level menu for all browsers and OS, PCs, tablets and smartphones using a little jQuery. Full Article
ay CSSplay - Responsive 'viewport' layout By www.cssplay.co.uk Published On :: 2015-05-29 An experimental CSS responsive single page website using 'viewport', suitable for all modern browsers and OS (buggy in Opera and fails in Safari PC Full Article
ay CSS PLAY - Responsive foreground image 'contain' By www.cssplay.co.uk Published On :: 2015-05-30 A CSS only method of containing a responsive foreground image in a fullscreen browser window without @media queries. Full Article
ay CSS PLAY - Responsive foreground image 'cover' By www.cssplay.co.uk Published On :: 2015-06-01 A CSS only method of covering a responsive foreground image in a fullscreen browser window without @media queries. Full Article
ay CSS PLAY - Responsive foreground image 'cover/contain' slideshow By www.cssplay.co.uk Published On :: 2015-06-02 A CSS only responsive foreground image fullscreen slideshow with 'cover' and 'contain' images and no @media queries. Full Article
ay CSSplay - Responsive experimental 'viewport' layout By www.cssplay.co.uk Published On :: 2015-06-03 A second experimental CSS responsive single page website using 'viewport', suitable for all modern browsers and OS (fails in Safari PC) Full Article
ay CSSplay - Responsive experimental 'viewport' grid layout By www.cssplay.co.uk Published On :: 2015-06-11 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) Full Article
ay CSS PLAY - Tracking images using CSS shape By www.cssplay.co.uk Published On :: 2015-08-03 Using CSS shape to have text track the shape of images. For all modern browsers except IE and Firefox. Full Article
ay CSS PLAY - Emulating shape-inside By www.cssplay.co.uk Published On :: 2015-08-10 Using CSS shape-outside to emulate shape-inside with fixed positioning. For all modern browsers except IE and Firefox. Full Article
ay CSS PLAY - Animating CSS shapes By www.cssplay.co.uk Published On :: 2015-08-14 A demonstration showing how to animate CSS shapes. For all modern browsers except IE and Firefox. Full Article
ay CSS PLAY - CSS shape autorun slideshow By www.cssplay.co.uk Published On :: 2015-08-17 A demonstration showing how to animate CSS shapes using @keyframes to produce an autorun slideshow. For all modern browsers except IE and Firefox. Full Article
ay CSS PLAY - CSS shape autorun slideshow version 2 By www.cssplay.co.uk Published On :: 2015-08-26 A second demonstration showing how to animate CSS shapes using @keyframes to produce an autorun slideshow. For all modern browsers except IE and Firefox. Full Article
ay CSSplay - A CSS ONLY modal windows template By www.cssplay.co.uk Published On :: 2015-08-28 A simple CSS ONLY modal windows template, suitable for all the latest browsers. Full Article
ay CSSplay - Responsive slide down menu By www.cssplay.co.uk Published On :: 2015-09-18 A CSS responsive slide down menu for all the latest browsers, OS and devices without using media queries. Full Article
ay CSS PLAY - CSS responsive keyframe slideshow By www.cssplay.co.uk Published On :: 2015-11-02 A CSS ONLY responsive slideshow to rival jQuery/javascript with ability to show different images on PCs, tablets and mobiles Full Article
ay CSS PLAY - Javascript responsive swipe action panel changer By www.cssplay.co.uk Published On :: 2016-02-08 A javascript (no jQuery) responsive swipe action panel changer for mouse and touch screens. Works in all the latest browsers and operating systems. Full Article
ay CSS PLAY - Responsive momentum swipe gallery for touch screens and trackpads By www.cssplay.co.uk Published On :: 2016-02-23 A CSS only responsive swipe action gallery with momentum scrolling. For touch screen and trackpad. Full Article
ay CSS PLAY - Responsive momentum swipe gallery for touch screen, trackpad and mouse By www.cssplay.co.uk Published On :: 2016-02-24 A CSS and javascript responsive swipe action gallery with momentum scrolling. For touch screen, trackpad and mouse. Full Article
ay CSSplay - Responsive swipe action momentum menu By www.cssplay.co.uk Published On :: 2016-02-24 A CSS responsive swipe action momentum menu for all the latest browsers, OS and devices using a little javascript. Full Article
ay CSS PLAY - Responsive full page gallery By www.cssplay.co.uk Published On :: 2016-02-26 A CSS only responsive full page gallery for all devices with no visible scrollbars. Full Article
ay CSS PLAY - Responsive 3D 'slinky' By www.cssplay.co.uk Published On :: 2016-03-04 A CSS responsive 3D 'slinky' animation for all the latest browsers, but buggy on iOS. Full Article
ay CSSplay - CSS only circular menu with bounce animation By www.cssplay.co.uk Published On :: 2016-03-09 A CSS only circular menu with bounce animation using cubic-bezier timing. Full Article
ay CSSplay - CSS only page using 'scroll snap points' By www.cssplay.co.uk Published On :: 2016-04-06 A CSS only page layout using 'scroll snap points to scroll the page one screen at a time. Full Article
ay CSSplay - CSS only 3x3 grid of screens 'scroll snap points' By www.cssplay.co.uk Published On :: 2016-04-24 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. Full Article
ay CSSplay - CSS only flexbox menu with 'order' animation By www.cssplay.co.uk Published On :: 2016-05-13 A CSS only menu using flexbox and order animation. Suitable for all the latest browsers, but only Firefox supports animation of the 'order' style. Full Article