View RSS Feed

JavaScript & Ajax

  1. Multi-Level, Off-Canvass Menu with IE7/8 support

    Hidden side menus, like the ones used in Facebook and Youtube apps, are a space-saving alternative to traditionally visible desktop menus. This post introduces an upgrade to the earlier CSS-only off-canvass menu, that makes it possible for IE7/8 users to enjoy this menu too.

    All the features are the same as the CSS-only version - the difference here is that JavaScript makes it compatible with earlier versions of Internet Explorer (IE7/8).

    Demo - CSS3 Multi-Level, Off-Canvass ...

    Updated 10-29-2014 at 02:09 PM by Beverleyh

    Categories
    JavaScript & Ajax , CSS related , Web Design issues
  2. 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 ...

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

    Categories
    JavaScript & Ajax , CSS related , Web Design issues
  3. Beat the 300ms Delay on Touch, and Close Sub-Menus

    One of the most annoying things on touch devices is the way that CSS hover activated menus stay open until another link is clicked. Well, this example fixes that;

    UPDATED! Responsive CSS3 Multi-Level, Drop-Down Menu

    (Earlier releases of the Drop-Down menu have been replaced with better support for tap-activated sub-menus on touchscreen - reverted to using the arrow labels and checkbox hack [like the Fly-Out version does] - they're there for mobile view so why not use ...
  4. Paginated Responsive Modal Gallery (PHP/CSS3/JS)

    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;

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