JSFiddle

Isaiah's public fiddles

• Generic Sci-Fi Space Bar Font

  A parametric grid-based font, sort of pseudo-Japanese English, or some influence there.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Promise rejection can be handled duplicately (as can resolution)

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS pixelWidth/pixelHeight/pixelLeft/pixelTop and unitless top/left polyfill

  Windows 98 had folder customization using Hyper Text Templates, which used now-ancient HTML & JS & CSS. For 98.js.org I wanted to include support for this, but I wanted to try to keep the HTT unmodified except with some regexps and such - programmatic patches only - as general as reasonably achievable in a few days, so I wrote many translations of old properties and this is one them.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Color mapping uh... thingie... prototype

  Not sure what design tool to use...

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS word wrapping experiments

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Fluster: A Typography Experiment

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS Basics: background doesn't cascade

  CSS's background properties don't cascade/inherit, since children can naturally share the background of their parents through compositing: children are rendered, usually, on top of parents. But children can also be positioned outside of their parents. Important tip: try to always specify background and color together to avoid inheriting colors you don't expect and causing contrast issues.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Pastel Brush

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Shrubbrush

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQuery .on handling of mouse/pointer events (bug demonstration)

  jQuery's on() doesn't capture dispatchEvent for certain event types (pointer/mouse enter/leave). Further, when dispatching pointer/mouse over/out it captures when listening with different event types (pointer/mouse enter/leave). When using jQuery's trigger(), it seems to equalize out/leave and over/enter, which might be the basis for why this bug exists. That is, it triggers jQuery handlers for both when trigger()ing either.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQuery .on doesn't capture dispatchEvent for certain event types

  jQuery 3.4.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQuery $().on doesn't handle dispatchEvent(pointerleave)

  jQuery 3.4.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Convert rich text on clipboard to HTML via contentEditable & innerHTML

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Perfectly centered CSS-only close icon button

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• pymuc2r9

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Rotating rainbow gradient border animation SVG

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• THREE.js Oblique Projection

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Blot out text nodes with blocks

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Drawing text nodes with canvas

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Disabled button icon SVG filter

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

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• 2
• 3
• ▶︎
• 4