Let visitors 'feel' their way around the interactive areas of your website by adding support for native swipe gestures on touch devices. I'll be using my earlier RWD CSS3 Any Content Slider (JS auto-play) as a demo, but you can easily take away from this post to add touch gestures to your own apps... Need some other ideas?
Website features that may benefit from a left or right swipe;
- a content slider (progress back and forth between slides)
- an image gallery (progress
Updated 07-25-2015 at 02:14 PM by Beverleyh
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 just see a static image - but you can make IE8 act like IE9 with some CSS mods (see comments)
This post covers 2 topics that can be used separately OR combined. First up... the slideshow.
Updated 07-30-2015 at 10:59 AM by Beverleyh
(IE8 CSS comment added)
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