JSFiddle

Isaiah's public fiddles

• ChatGPT horror movie poster

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Pangram Tester

  ChatGPT made this. I just gave guidance.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Test if arcs overlap (on the same circle) (angle ranges)

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Cyclic Splice

  No-Library (pure JS), HTML, CSS, CoffeeScript 2

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Arcs from Intersection of Line Segment and Circle

  Find both short and long arcs, (or both clockwise and counterclockwise arcs), and associate the arcs with the points of a line intersecting the circle so that it can sweep from the correct one of the two points.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Interactive Arcs and Line Segment

  WIP, code half from ChatGPT

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Detect fallback font usage in HTML canvas 2D

  https://stackoverflow.com/a/75269866/2624876

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Keyboard-based score counter

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Math Test

  Test your logic skills

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 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

• 1
• 2
• 3
• ▶︎
• 5