JSFiddle

Erik's public fiddles

• 5k69tgqt

  jQuery 2.2.3, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• xpLfwygd

  jQuery 2.2.3, HTML, SCSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Animated Checkbox Effect with Font Awesome

  Proof of concept for an animated checkbox thing on radio butons.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• hxw9j24e

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Inputs change content displayed

  Use .data() to determine which elements should be shown/hidden.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Get Number of Decimal Places

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Inputs have data - let's use it

  Use .data() to display information tied to a selected radio button.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 8szkv2mo

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• How I SVG'd

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• qrnvr0kv

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• tapau2vy

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Some simple CSS animations

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 3ny3tthu

  jQuery 1.9.1, HTML, SCSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Responsive Fake Overlap

  Give the impression that an image is breaking out of its parent element by using a pseudo element on the parent. It scales nicely with the screen size as the image resizes.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Simple Accordion #3

  jQuery 2.1.0, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Theresa's Cereal

  jQuery 1.11.0, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS selectors - all vs. immediate

  Illustrating the difference between selecting immediate children as opposed to all children.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Experiment: Canvas - repeating lines based on screen size.

  This is my first canvas experiment, so be nice! I came up with this neat looking effect by repeating lines based on screen size. I am setting the canvas to the width and height of the browser's screen and then my math is based off of that. When you resize your browser, the lines are redrawn.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Simple Accordion #2

  jQuery 2.1.0, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• YxUBe

  jQuery 2.0.0b1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ◀︎
• 2
• ▶︎
• 3