View RSS Feed

Recent Blogs Posts

  1. 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 ...
  2. 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 ...
  3. 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 ...
  4. Putting text on top of a video

    In July 2010 an enhancement to the YouTube video embed capability became available through a new embed code style. This style uses <iframe> and looks like this:
    <iframe src="http://www.youtube.com/embed/VIDEO_ID?" frameborder="0"></iframe>


    After VIDEO_ID? we can add the normal parameters, like this:
    <iframe src="http://www.youtube.com/embed/VIDEO_ID?start=0&amp;autoplay=1&amp;rel=0&amp;showinfo=0&amp;autohide=0&amp;modestbranding=1&amp;vq=large"
    ...

    Updated 10-14-2012 at 06:10 PM by molendijk

    Categories
    JavaScript & Ajax , CSS related
  5. BG Carousel Links

    I found a fairly easy way to add optional links to the Dynamic Drive Script:

    Background Image Carousel

    First a demo:

    BG Carousel Links - Demo

    Now, how to:

    Using a text only editor like NotePad, add this highlighted style as shown to the bottom of the on page styles (modified from Step 1 on the demo page):

    Code:
     . . . ctedslide div.desc{ /* CSS for currently selected slide's desc div */
    }
    
    div.slide
    ...

    Updated 07-25-2012 at 12:17 AM by jscheuer1 (attach modified version of script, link to demo, update comments in script)

    Categories
    DD Scripts Mods , Post a JavaScript , JavaScript & Ajax
Page 1 of 5 123 ... LastLast