JSFiddle

DominoPivot's public fiddles

• Using HSL for gradients.

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• dx5fkhgt

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Alternative navbars using radiobutton

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Search bar with tags

  Searchbar with tags in a stackoverflow-like fashion.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Quote Tool

  A tool for generating simple images with a quote and its source

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Output the code N times

  My PCG entry.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Simple organizational chart

  This code will automatically generate invisible checkboxes in front of all labels in the chart, which will be used to show and hide child elements. If JavaScript is disabled, the chart will still be visible, but not interactive. This small sacrifices makes it easier to write the HTML for charts as you do not need to place inputs with custom ids, and because the for attribute on labels is set automatically. The JS is executed once and does not bind events, making it quite efficient. I also used a small hack to be able to box items without giving them a class by wrapping low-level items with <i>, but that's not required.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• #4 - Canvas (animation)

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• #3 - Canvas (path)

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• #2 - Canvas (style)

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• #1 - Canvas (base)

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Accordion with arrows

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• HTML5 canvas text-alignment

  How to align text and draw labels through HTML5

• Private fiddle Extra
• Delete fiddle
Groups Extra