View RSS Feed

Recent Blogs Posts

  1. 'SiteShow' with slides scheduled for specific times or dates (PHP/JS)

    Building on my previous SiteShow with Controls - Fade-in a list of web pages/URLs as a fullscreen 'SiteShow' blog post, this article shows you how to adapt the scripts to schedule in additional slides for certain times, or specific dates, using PHP.

    The PHP
    To start off, using the full-screen demo page as a base, we'll set a few PHP variables at the top of the page to set our local timezone and identify the time, date and weekday;

    Updated 09-30-2016 at 10:43 AM by Beverleyh

    JavaScript & Ajax , PHP coding
  2. SiteShow with Controls - Fade-in a list of web pages/URLs as a fullscreen 'SiteShow'

    Last year I wrote about my digital signage work and the mechanics of how I displayed news and updates on a web page in a Simple Sweep-in News Scroller (CSS3/JS). The web page was displayed on a large TV screen that was mounted in a lobby/reception area, with several more installations visible around the grounds. At the time, I didn't explain that along with a web page of scrolling updates, there were many additional web pages that all displayed on a cycle, with each page redirecting to the next ...

    Updated 08-11-2016 at 07:27 AM by Beverleyh (formatting code a little better)

    JavaScript & Ajax , Web Design issues
  3. Add 'Swipe Support' to your website (RWD CSS3 Any Content Slider demo)

    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 ...
  4. RWD Cross-Fade Slideshow with Retina Images

    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. ...
  5. RWD CSS3 Any Content Slider (JS auto-play)

    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 ...
Page 1 of 2 12 LastLast