View RSS Feed

Most Popular Blogs

  1. Embedding YouTube videos: some noteworthy facts

    FACT #1
    This video-url : src="http://s.ytimg.com/yts/swfbin/player-vfle5oFqK/watch_as3.swf?eurl=http://safeshare.tv&video_id=YOUTUBE-VIDEO-ID, which uses the safeshare.tv video service, shows YouTube videos without the distracting elements around them. NO ADS! (I wish I knew the safeshare-code for playing embedded videos without Flash, but I don't).

    FACT #2
    Internet Explorer (and, occasionally, Safari) may refuse to play certain videos outside the YouTube-environment. ...

    Updated 01-07-2014 at 03:30 PM by molendijk

    Categories
    Uncategorized
  2. Responsive CSS3 Modal Gallery (no JavaScript)

    The latest CSS-only offering is my attempt at an image gallery where image enlargements open in a modal window. It was inspired by a tutorial on modal popups and uses the :target selector in CSS to match the hash at the end of an URL with the id of a corresponding element.

    The logic for this (taken from the modal popups tutorial) is that a hashed URL can be wrapped around a small thumb image, which matches the id of an image enlargement in a modal overlay div. When the hashed small ...

    Updated 04-28-2014 at 11:39 AM by Beverleyh

    Categories
    CSS related
  3. Responsive Multi-Level, Fly-Out Menu

    The earlier version of this menu utilises the same checkbox hack and "off-canvass" pattern in desktop view as it does in mobile - apart from being always-visible on a large screen, it looks and works the same, regardless of what device is accessing it (modern browsers and IE9+).

    Thanks to the increasing popularity of touch devices, where tappable/clickable triggers now seem more favourable than hover actions, this has the benefit of consistency. Minus the initial trigger ...

    Updated 06-04-2014 at 10:43 AM by Beverleyh

    Categories
    CSS related
  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 ...
  5. Using Google to host your jQuery (or other) JavaScript libraries

    A growing number of scripts here on DD utilize the popular jQuery JavaScript library as its backbone, which means at the top of these scripts you'll see a reference such as:

    Code:
    <script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
    which obviously requires you to download and host "jquery-1.2.6.pack.js" locally on your server. For those of you who likes to minimize hosting your own files for whatever reason, Google ...
    Categories
    JavaScript & Ajax
Page 1 of 8 123 ... LastLast