View RSS Feed

All Blog Entries

  1. Nicer YouTube Search

    A couple of days ago I discovered http://www.yvoschaap.com/youtube.html on the web. It provides code for searching YouTube videos. I adapted the script to my needs, see http://mesdomaines.nu/youtube_search.

    I prefer my script (http://mesdomaines.nu/youtube_search) to YouTube's https://www.youtube.com/results?search_query=bla for several reasons, among which the cleaner look (no ads and other disturbing info) and the possibility of playing the videos on my own 'search page'.

    Updated 05-11-2014 at 11:48 PM by molendijk

    Categories
    Uncategorized
  2. Responsive Modal Gallery with keyboard nav controls (CSS3/JS)

    In an effort to make my previous (version 1) CSS-only Modal Gallery more user-friendly, I've now created a version that incorporates simple keyboard navigation from inside the modal overlay, using a small amount of JavaScript.

    Please see version 3 - the Responsive CSS3 Modal Gallery (+ additional JavaScript keyboard controls)

    This version of the gallery works a little more like how modern image galleries are expected to work (or rather, how users have learned to expect ...
  3. 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
  4. Responsive CSS3 Any Content Slider (no JavaScript)

    Fiddling some more with CSS transitions and the checkbox hack to emulate click events via CSS, I tried my hand at making a CSS-only content slider.

    Initially I attempted to make it with checkboxes, but due to the behaviour of multiple checkboxes being checkable at the same time (which totally mungs up the idea for a slider where you only want one slide activated), I turned to radio buttons instead.

    The key difference between radios and checkboxes is that only one radio ...
    Categories
    CSS related
  5. Removing the YouTube distractions by playing YouTube through another domain

    Hello everyone,

    I created a file whose URL can be used to play YouTube videos without all the distractions.

    Example: http://www.mesdomaines.nu/cleanyoutu...ide=0&vq=large

    (It's a long URL, but a standard YouTube-URL for obtaining a similar result would not be much smaller).

    If you ...

    Updated 04-06-2014 at 05:28 PM by molendijk (Script revisions)

    Categories
    Uncategorized
Page 3 of 19 FirstFirst 1234513 ... LastLast