Want a simple, responsive cross-fading slideshow, with images that are lightweight AND retina-ready? You got it!
Works in modern browsers and IE9+ (no fade effect in IE9). IE8 users will just see a static image.
This post covers 2 topics that can be used separately OR combined. First up... the slideshow.
Responsive CSS3 Cross-Fading Slideshow
Updated 06-17-2015 at 05:18 PM by Beverleyh
Ever wanted to flag newly added content to individual visitors, and then remove the flag once they've read it? Here's how to do it using local storage (like cookies) to save tracked, internal links on your website.
Demo: Tracked 'New' Links http://fofwebdesign.co.uk/template/_...g/new-content/
Where you might use this script
- to indicate new and unread blog entries
- to highlight important notices on your home page
- to track read chapters of
Updated 05-26-2015 at 01:10 PM by Beverleyh
Hidden side menus, like the ones used in Facebook and Youtube apps, are a space-saving alternative to traditionally visible desktop menus. This post introduces an upgrade to the earlier CSS-only off-canvass menu, that makes it possible for IE7/8 users to enjoy this menu too.
Demo - CSS3 Multi-Level, Off-Canvass
Updated 10-29-2014 at 01:09 PM by Beverleyh
Updated 12-09-2014 at 08:33 AM by Beverleyh
One of the most annoying things on touch devices is the way that CSS hover activated menus stay open until another link is clicked. Well, this example fixes that;
UPDATED! Responsive CSS3 Multi-Level, Drop-Down Menu
(Earlier releases of the Drop-Down menu have been replaced with better support for tap-activated sub-menus on touchscreen - reverted to using the arrow labels and checkbox hack [like the Fly-Out version does] - they're there for mobile view so why not use
Updated 09-06-2014 at 08:56 AM by Beverleyh