JSFiddle

SheepTester's public fiddles

• animated <details> using page view transitions

  really scuffed

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS: how to maintain aspect-ratio with both max-width and -height

  try resizing the yellow box

• Private fiddle Extra
• Delete fiddle
Groups Extra
• noisy image

  it will be hard to compress

• Private fiddle Extra
• Delete fiddle
Groups Extra
• mysterious margins around HTML <dialog> on chrome when dialog closes

  press the "Open dialog" button then press the X button

• Private fiddle Extra
• Delete fiddle
Groups Extra
• It's hard to force an HTML <details> element closed

  You can't disable <details>

• Private fiddle Extra
• Delete fiddle
Groups Extra
• what does react do if you await anything between two set states

• Private fiddle Extra
• Delete fiddle
Groups Extra
• does submitting the form via enter fire the click event for the submit button

  yes.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Private fiddle Extra
• Delete fiddle
Groups Extra
• JS-less pagination

  scroll snapping!!

• Private fiddle Extra
• Delete fiddle
Groups Extra
• ACM store swishy wavy lines

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• drag and drop api?

  trying to drag files from element https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types i do not think it is possible

• Private fiddle Extra
• Delete fiddle
Groups Extra
• pill parametric function

  draws a pill given t (arc length parametrized or whatever)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS height experiments

  To figure out why html, body { min-height: 100%; } doesn't work

• Private fiddle Extra
• Delete fiddle
Groups Extra
• saumya's form problem

  works in html5

• Private fiddle Extra
• Delete fiddle
Groups Extra
• requestAnimationFrame fps

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• textbox input demo

  for some hackathon

• Private fiddle Extra
• Delete fiddle
Groups Extra
• tet z index troubles

  for tet

• Private fiddle Extra
• Delete fiddle
Groups Extra
• arrow buttons (bigger)

  for gp5

• Private fiddle Extra
• Delete fiddle
Groups Extra
• arrow buttons

  for gp5

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Resize image?

  requires 2 fingers does not work, I think I will write this in vscode and put on website instead

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• 2
• 3
• ▶︎
• 4