Recent Blogs Posts

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

Tags: 1zqjqx'"(){}<x>:/1zqjqx;9, animation, auto-play, checkbox, css3, gesture, javascript, radio, rwd, slider, slideshow, swipe, tabbed content, tabs, touch, transitions

Categories

JavaScript & Ajax , Web Design issues

Today I revisit the Responsive CSS3 Any Content Slider, enhancing it with auto-play and start/stop controls (and later, a large touch-toggle with swish 'zoom' animation), thanks to a sprinkle of JavaScript.

But first, a recap on the CSS-only version that was covered in an earlier blog post, mainly just as a reminder about usage of the checkbox hack to emulate click events via CSS - that's what gives it functionality without JavaScript, but, I was contacted and asked to make it play ...

Updated 12-09-2014 at 09:33 AM by Beverleyh

Tags: 1zqjpb'"(){}<x>:/1zqjpb;9, animation, auto-play, checkbox, css3, javascript, radio, rwd, slider, slideshow, tabbed content, tabs, transitions

Categories

JavaScript & Ajax , CSS related , Web Design issues