View RSS Feed

All Blog Entries

  1. IE8 Selectivizr support for Responsive Modal Gallery

    The common factor in all previous versions of the modal gallery is that alternative markup is offered for IE7/8 users to allow them to view image enlargements in a new browser window instead of the modal overlay. This is because those earlier versions of Internet Explorer do not support the CSS :target pseudo selector which triggers the modal overlay, but let's face it - having each image open in a new browser window doesn't do much for usability and it doesn't look very nice either. So, if you're ...

    Updated 01-28-2015 at 12:43 PM by Beverleyh

    Categories
    CSS related , Web Design issues
  2. Using the main scrollbar to scroll an iframe

    If we want to use the browser's scrollbar to scroll the content of an iframe, we must do the following:
    1. calculate iframe's offsetHeight + pixel distance of top of iframe with respect to top of main window + pixel distance of bottom of iframe with respect to bottom of main window ;
    2. give the main window a pixel height that is identical to the result of that calculation;
    3. make sure that the value for the number of pixels that the content of the iframe is scrolled upward (in the case of
    ...
    Categories
    Uncategorized
  3. PHP Stylesheet/Content Switcher with Save Cookie

    Here is a simple PHP script to change stylesheets or load in alternative content (conditional loading), with cookies to store user selection.

    The nice thing about a PHP-based solution over JavaScript content/CSS switchers, is that all the checking and switching is done on the server side, before the web page even finds it's way to the browser, so you don't get any flash of unstyled content. Plus, you can conditionally load HTML or external files (improve performance and save on load ...
  4. Embedding and programmatically controlling multiple YouTube videos

    We can embed and programmatically control multiple YouTube videos by putting onloads like the following in (existing) iframes:
    onload="player1=new YT.Player(this)"
    onload="player2=new YT.Player(this)"

    etc.

    The names for the players (here: player 1 and player2) are arbitrarily chosen. They must be used for selecting the video for which we want to execute javascript (video) code. For instance, player2.playVideo() means that the video associated ...

    Updated 12-07-2014 at 03:15 PM by molendijk

    Categories
    Uncategorized
  5. 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 01:09 PM by Beverleyh

    Categories
    JavaScript & Ajax , CSS related , Web Design issues
Page 1 of 20 12311 ... LastLast