View RSS Feed

JavaScript & Ajax

  1. On-Demand Animated GIF Player to reduce page load

    Play animated GIFs on-demand with this GIF player. No JavaScript dependencies. Initial loading of a GIF is delayed until the user starts playback manually.

    For a recent project, I needed to display a number of animated GIFs on a web page to illustrate before and after scenarios. Now, the problem with GIFs is that they are usually displayed on a web page using the <img> element, which means that they download immediately when the page loads. Some of my animated GIFs were several ...
  2. Click-Counter with Flat File Storage (text file) - AJAX & PHP

    I was inspired by a recent forum thread, to write a click counter that can count clicks/hits to any HTML element (links, buttons, images, etc.). Multiple counts are saved to one text file (no database needed) using PHP, while AJAX displays the increasing numbers in real time. No page refresh required!

    It's very light-weight because no dependencies or large JavaScript libraries are used - it's all plain JS.


    DEMO - AJAX & PHP Click-Counter with Flat File Storage ...

    Updated 11-17-2015 at 12:23 PM by Beverleyh

    Categories
    JavaScript & Ajax , PHP coding , Web Design issues
  3. Simple Sweep-in News Scroller (CSS3/JS)

    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, ...
  4. Content Filter (JavaScript & CSS3 - filter by class)

    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) ...
  5. Accept Cookies / Cookie Consent Bar

    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 ...
Page 1 of 3 123 LastLast