JSFiddle

indieweb's public fiddles

  • pe2f5nxz

    No-Library (pure JS), HTML, CSS, JavaScript

  • o4mzfk16

    jQuery 3.3.1, HTML, CSS, JavaScript

  • go4r3nq0

    jQuery 1.8.3, HTML, CSS, JavaScript

  • 8xfn7vuh

    No-Library (pure JS), HTML, CSS, JavaScript

  • FullCalendar dow FAIL

    FullCalendar v3.5 fails with dow

  • FullCalendar dow Working

    FullCalendar v3.4 works with dow

  • 5m0tstya

    jQuery 1.10.1, HTML, CSS, JavaScript

  • Prevent Cross-fade in jQuery Cycle2

    Ensure that the data-cycle-sync attribute is set to "false".

  • ks4sxzfu

    No-Library (pure JS), HTML, CSS, JavaScript

  • <td> top and bottom padding

    No-Library (pure JS), HTML, CSS, JavaScript

  • Page Flip Demo: Page Numbers

    The standard Page Flip Demo does not allow links and input elements displayed on the canvas to be clicked. However, adding the CSS attribute "pointer-events" with a value of "none" to the canvas element fixes this problem for links, rendering them "clickable" again. To make input elements usable, line 82 in the JS "event.preventDefault();" needs to be removed or commented out. However, the result of this is that text selection on the page is re-enabled, making the page flip animation less attractive (as the page text is selected when the page is dragged). In order to fix this we can use a CSS-only solution: "user-select" and "-webkit-touch-callout" applied to the containing div of each page.

  • Page Flip Demo: applying page numbers

    jQuery 1.9.1, HTML, CSS, JavaScript

  • Page Flip Demo: Page Tabs

    The standard Page Flip Demo does not allow links and input elements displayed on the canvas to be clicked. However, adding the CSS attribute "pointer-events" with a value of "none" to the canvas element fixes this problem for links, rendering them "clickable" again. To make input elements usable, line 82 in the JS "event.preventDefault();" needs to be removed or commented out. However, the result of this is that text selection on the page is re-enabled, making the page flip animation less attractive (as the page text is selected when the page is dragged). In order to fix this we can use a CSS-only solution: "user-select" and "-webkit-touch-callout" applied to the containing div of each page.

  • Page Flip Demo: "Clickable" Links, Usable Input Elements and No Text Selection

    The standard Page Flip Demo does not allow links and input elements displayed on the canvas to be clicked. However, adding the CSS attribute "pointer-events" with a value of "none" to the canvas element fixes this problem for links, rendering them "clickable" again. To make input elements usable, line 82 in the JS "event.preventDefault();" needs to be removed or commented out. However, the result of this is that text selection on the page is re-enabled, making the page flip animation less attractive (as the page text is selected when the page is dragged). In order to fix this we can use a CSS-only solution: "user-select" and "-webkit-touch-callout" applied to the containing div of each page.

  • Page Flip Demo: "Clickable" Links and Usable Input Elements

    The standard Page Flip Demo does not allow links and input elements displayed on the canvas to be clicked. However, adding the CSS attribute "pointer-events" with a value of "none" to the canvas element fixes this problem for links, rendering them "clickable" again. To make input elements usable, line 82 in the JS "event.preventDefault();" needs to be removed or commented out. However, the result of this is that text selection on the page is re-enabled, making the page flip animation less attractive (as the page text is selected when the page is dragged).

  • Page Flip Demo: Clickable Links

    The standard Page Flip Demo does not allow links and input elements displayed on the canvas to be clicked. However, adding the CSS attribute "pointer-events" with a value of "none" to the canvas element fixes this problem for links, rendering them "clickable" again. This still doesn't enable input elements however.

  • Page Flip Demo: Links & Input Elements "Unclickable"!

    The standard Page Flip Demo does not allow links and input elements displayed on the canvas to be clicked. Is there a fix available?

  • BC .selected Fail

    An investigation to dynamically styling BC's menu module. Attempts to consistently target and apply .fix-selected to 1st level .selected li while hovering in sub-menu proved fruitless. JS Fiddle proves JS is correct. BC's in-built JS is the cause of the issue.