JSFiddle

Eric's public fiddles

• Gitter streaming API example #23 is the latest revision

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

  • Delete fiddle
• Custom checkbox (single element, no pseudo, box shadow)

  Based off of https://codepen.io/rakeizer/pen/QQRBoZ

  • Delete fiddle
• Unicode Emoji ZWJ Sequence rendered as two separate characters when width constrained #14 is the latest revision

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

  • Delete fiddle
• SVG with xlink filter not rendered in popover

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

  • Delete fiddle
• SVG with xlink filter not rendering

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

  • Delete fiddle
• Get YouYube playlist total play time #18 is the latest revision

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

  • Delete fiddle
• Horizontal scrolling tabs via JS (with vertical scroll) #11 is the latest revision

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

  • Delete fiddle
• Horizontal scrolling tabs via CSS (with vertical scroll) #36 is the latest revision

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

  • Delete fiddle
• assembleFullIssuableReference

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

  • Delete fiddle
• Emoji Unicode by Version

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

  • Delete fiddle
• Gitter fetch rooms - authorization #7 is the latest revision

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

  • Delete fiddle
• chunk-string - split string at desired size being mindful to spaces #1 is the latest revision

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

  • Delete fiddle
• Gitter: Paginate messages and check for duplicates

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

  • Delete fiddle
• Safari Bug: Using animation and transition to drive transform styles gives incorrect hitbox (hit testing)

  jQuery 1.12.2, HTML, CSS, JavaScript

  • Delete fiddle
• numberBoundWrap, arrayBoundWrap - index rollover/wrap (rotation, euler angle)

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

  • Delete fiddle
• Hide from Accessibility Tree with `visibility: hidden` transition

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

  • Delete fiddle
• background-attachment: fixed; Demo #24 is the latest revision

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

  • Delete fiddle
• Pie chart segment animated - Circular progress #100 is the latest revision

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

  • Delete fiddle
• Gitter Logo

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

  • Delete fiddle
• Skew Box

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

  • Delete fiddle
• Gitter left menu - drag org handle switch list back concept

  jQuery 2.1.3, HTML, CSS, JavaScript

  • Delete fiddle
• Gitter Auth Choice concept #2 is the latest revision

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

  • Delete fiddle
• inline-block whitespace reset: `margin-right: -0.25em;`

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

  • Delete fiddle
• Embed assets (parent) - Parent to child iframe #29 is the latest revision

  jQuery 1.11.0, HTML, CSS, JavaScript

  • Delete fiddle
• Embed assets (child) - Parent to child iframe #23 is the latest revision

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

  • Delete fiddle
• Expand image space as you scroll down - ScrollReactiveHeightBoxes

  jQuery 1.11.0, HTML, CSS, JavaScript

  • Delete fiddle
• `props.children` DOM handle: `React.findDOMNode(child)` - React Base Fiddle (JSX) #37 is the latest revision

  https://github.com/facebook/react/issues/4244

  • Delete fiddle
• Gitter API: Post messages to room

  jQuery 2.1.3, HTML, CSS, JavaScript

  • Delete fiddle
• Gitter: support hover - more options

  jQuery 2.1.3, HTML, CSS, JavaScript

  • Delete fiddle
• Gitter: support tooltip

  jQuery 2.1.3, HTML, CSS, JavaScript

  • Delete fiddle
• `position: absolute;` escaping parent `overflow: hidden;` #348 is the latest revision

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

  • Delete fiddle
• Gitter: support icon coin flip animation #19 is the latest revision

  jQuery 2.1.3, HTML, CSS, JavaScript

  • Delete fiddle
• Gitter - Grab messages simple API demo app

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

  • Delete fiddle
• Gitter embedded chat #214 is the latest revision

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

  • Delete fiddle
• Gitter Logo Animation - Simple #2 is the latest revision

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

  • Delete fiddle
• Scrolling shadow with solid blocks - Scroll occlusion indicator - `background-attachment: local` #13 is the latest revision

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

  • Delete fiddle
• Download - Start/initiate download of file #383 is the latest revision

  jQuery 1.11.0, HTML, CSS, JavaScript

  • Delete fiddle
• `cssquery` v2 unit tests - descendant selector string parsing challenge - `querySelectorAll`

  jQuery 1.11.0, HTML, CSS, JavaScript

  • Delete fiddle
• `cssquery` unit tests - descendant selector string parsing challenge - `querySelectorAll`

  jQuery 1.11.0, HTML, CSS, JavaScript

  • Delete fiddle
• Precision ratio between stepper axes - path, CNC

  jQuery 1.11.0, HTML, CSS, JavaScript

  • Delete fiddle
• massageObjectIntoShape - Tests

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

  • Delete fiddle
• verifyObjectShape, strictPropertyCompare, compareKeys: Implementations and Tests

  jQuery 1.11.0, HTML, CSS, JavaScript

  • Delete fiddle
• Three.js Mouse drag Rotate Cube (3D WebGL) #1811 is the latest revision

  jQuery 1.11.0, HTML, CSS, JavaScript

  • Delete fiddle
• Three.js rotating Cube (3D WebGL) - Render/Update loop #121 is the latest revision

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

  • Delete fiddle
• Web Audio Oscillator - Sine wave procedural generation #95 is the latest revision

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

  • Delete fiddle
• Elliptical Arc - (JS SVG implementation)

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

  • Delete fiddle
• Bezier Curve (Quadratic/Cubic): Uniform traversal/distribution/sampling - Reparametrize in Arc Length

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

  • Delete fiddle
• transformMap - with unit tests

  jQuery 1.11.0, HTML, CSS, JavaScript

  • Delete fiddle
• Health Bar / Progress Bar #78 is the latest revision

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

  • Delete fiddle
• Connectable Nodes architecture (in js + canvas demo) #17 is the latest revision

  jQuery 1.11.0, HTML, CSS, JavaScript

  • Delete fiddle
• Image loading error Fallbacks #3 is the latest revision

  jQuery 1.11.0, HTML, CSS, JavaScript

  • Delete fiddle
• Aria Collapsible block/list with links inside #19 is the latest revision

  jQuery 1.11.0, HTML, CSS, JavaScript

  • Delete fiddle
• Aria list label test #4 is the latest revision

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

  • Delete fiddle
• getMaxTransitionDurationFromChange - Unit Tests

  jQuery 1.11.0, HTML, CSS, JavaScript

  • Delete fiddle
• getMaxAnimationDuration - Unit Tests

  jQuery 1.11.0, HTML, CSS, JavaScript

  • Delete fiddle
• jQuery Plugin trigger methods

  jQuery 1.11.0, HTML, CSS, JavaScript

  • Delete fiddle
• Arbitrary Base Number Conversion with Large Numbers #57 is the latest revision

  Uses BigInteger: https://github.com/peterolson/BigInteger.js

  • Delete fiddle
• Convert Object Keys #21 is the latest revision

  Map conversion of keys. Allows for reversal.

  • Delete fiddle
• Closest/Nearest Point on line #16 is the latest revision

  Vector 2

  • Delete fiddle
• Canvas Inner Shadow on Polygon #43 is the latest revision

  Inner Shadow effect that supports polygons, even with holes.

  • Delete fiddle

• 1
• 2
• 3
• 4