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.