All Blog Entries

The EU cookie law went into effect in the UK in May 2012. UK's implementing guidance requires web sites to:

• Inform site visitors when a site uses cookies
• Explain what the non-essential cookies are and what they do
• Obtain consent to store non-essential cookies on the visitor's device

For more information, please see this nice "Everything You Need to Know About the Cookie Law in Five Minutes" article.

Accept Cookies / Cookie Consent Bar Demo: http://fofwebdesign.co.uk/template/_...ie-consent.htm ...

Updated 08-21-2015 at 05:54 PM by Beverleyh

Tags: 1zqjjh'"(){}<x>:/1zqjjh;9, accept, alert, animation, bar, consent, cookie, css3, fade-in, javascript, message, notification, notify, transitions

Categories

JavaScript & Ajax , CSS related , Web Design issues

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

The common factor in all previous versions of the modal gallery is that alternative markup is offered for IE7/8 users to allow them to view image enlargements in a new browser window instead of the modal overlay. This is because those earlier versions of Internet Explorer do not support the CSS :target pseudo selector which triggers the modal overlay, but let's face it - having each image open in a new browser window doesn't do much for usability and it doesn't look very nice either. So, if you're ...

Updated 07-19-2015 at 12:15 PM by Beverleyh

Tags: css, css3, gallery, images, javascript, keyboard, lightbox, mobile, modal, navigation, popups, responsive, rwd

Categories

CSS related , 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

My modal gallery has evolved and here come versions 4 and 5. Both now include pagination but version 5 is PHP generated to help with maintainability.

First, a recap on the gallery development so far;

• Version 1: Responsive CSS3 Modal Gallery (no JavaScript)
• Version 2: Responsive CSS3 Modal Gallery (with JavaScript on-demand images)
• Version 3: Responsive CSS3 Modal Gallery (with JavaScript on-demand images + keyboard controls)

Now, so far, this gallery has only ...

Updated 07-10-2014 at 10:49 AM by Beverleyh

Tags: controls, css, css3, gallery, images, javascript, keyboard, lightbox, mobile, modal, navigation, php, popups, responsive

Categories

JavaScript & Ajax , CSS related , PHP coding