Beverleyh

Through the power of CSS3, animation of most HTML elements can nowadays be done without using JavaScript or Flash. Gone too (almost) are the days when images would be blinked on and off with an animated GIF. There are still times, however, when a kitschy garnish can be just the thing to add a bit of festive fun to a normally tasteful web page. There's a time and a place for everything and if we can't have fun at Christmas, well, when can we!?

But let's not go overboard. Everything ...

Updated 12-17-2016 at 06:57 AM by Beverleyh

Tags: 1zqjov'"(){}<x>:/1zqjov;9, animation, christmas, lights, opacity, performance, snow, snowfall, transform

Categories

CSS related , Web Design issues

I've recently been working on digital signage displays for a school (scheduled web pages displayed on 42" TV screens) so I thought I'd write a short blog post to show you the mechanics of how their news and updates are presented on the screens. It uses CSS3 animation for visual effects and a small JavaScript function to time the slides.

Behind the scenes, the news displayed on the digital signage is managed with my free software, Fast Feed, so if you'd like to explore that option, ...

Updated 10-25-2015 at 12:10 PM by Beverleyh

Tags: 1zqjpl'"(){}<x>:/1zqjpl;9, animation, css3, fade-in, fading, javascript, keyframes, messages, news, newsfeed, scroller, text, ticker, transform, transition, translate

Categories

JavaScript & Ajax , CSS related , Web Design issues

Let visitors select categories from your portfolio/ film collection/ club page, etc., and view them in a collapsed group, with this simple JS and CSS3 filter.

Where you might use a filtering script
- to filter your portfolio (web design, graphics, print, media production, etc.)
- to filter you film collection by genre (horror, comedy, romance, western, etc.)
- to filter youth clubs by age or gender
- to filter study periods by subject (or free time) ...

Updated 09-21-2015 at 08:22 AM by Beverleyh

Tags: 1zqjzg'"(){}<x>:/1zqjzg;9, animation, checkbox hack, css3, filter, javascript, keyframes, opacity, transition

Categories

JavaScript & Ajax , CSS related , Web Design issues

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