JSFiddle

b9chris's public fiddles

• SCSS #14 is the latest revision

  jQuery 3.3.1, HTML, SCSS, JavaScript

  • Delete fiddle
• jQuery addClass example #1 is the latest revision

  Change class name on click in jQuery

  • Delete fiddle
• Internet Explorer doesn't support no-commas version of hsl color format

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

  • Delete fiddle
• Brackets

  jQuery Slim 3.1.1 Slim, HTML, SCSS, JavaScript

  • Delete fiddle
• Simple quote box - svg in html #2 is the latest revision

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

  • Delete fiddle
• Stolen script #2 is the latest revision

  jQuery Slim 3.1.1 Slim, HTML, CSS, JavaScript

  • Delete fiddle
• Blink

  jQuery Slim 3.1.1 Slim, HTML, SCSS, JavaScript

  • Delete fiddle
• P Tags Are Secret Jerks

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

  • Delete fiddle
• Decode Podcast from Facebook Share dialog

  So you can paste it into Comments instead of Sharing it to Wall. Copy the source of the Share IFrame, or the div inside, or just the inputs, or just the input[name=dialog_url], into body and run.

  • Delete fiddle
• Speech Bubble #4 is the latest revision

  HTML/CSS-only

  • Delete fiddle
• Count @ chars #1 is the latest revision

  jQuery 1.9.1, HTML, CSS, JavaScript

  • Delete fiddle
• Nice checkbox #1 is the latest revision

  jQuery 1.9.1, HTML, SCSS, JavaScript

  • Delete fiddle
• SVG #9 is the latest revision

  jQuery 2.2.4, HTML, SCSS, JavaScript

  • Delete fiddle
• Hide then fade in CSS transition

  jQuery 2.2.4, HTML, CSS, JavaScript

  • Delete fiddle
• Parallax Test #2 is the latest revision

  jQuery 2.2.4, HTML, SCSS, JavaScript

  • Delete fiddle
• Parallax Test

  jQuery 2.2.4, HTML, CSS, JavaScript

  • Delete fiddle
• CSS3 slideIn/Out #2 is the latest revision

  jQuery 2.2.4, HTML, CSS, JavaScript

  • Delete fiddle
• Sample form gather

  jQuery 2.2.4, HTML, CSS, JavaScript

  • Delete fiddle
• IE clone textarea placeholder #4 is the latest revision

  IE11 (maybe others) has a bug where cloning a textarea with a placeholder results in the placeholder being lost and used as its value instead.

  • Delete fiddle
• p No block tags

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

  • Delete fiddle
• Progress steps #5 is the latest revision

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

  • Delete fiddle
• Progress steps

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

  • Delete fiddle
• Pink contrast

  jQuery 2.2.4, HTML, CSS, JavaScript

  • Delete fiddle
• Nice x

  jQuery 2.2.4, HTML, CSS, JavaScript

  • Delete fiddle
• Boxes shrunk to text width

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

  • Delete fiddle
• Backgrounds

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

  • Delete fiddle
• Radio label tag demo

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

  • Delete fiddle
• Cheap Mobile Test

  window.orientation

  • Delete fiddle
• Statuses #1 is the latest revision

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

  • Delete fiddle
• G rounded photo

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

  • Delete fiddle
• Ripple Effect #18 is the latest revision

  jQuery 2.2.4, HTML, CSS, JavaScript

  • Delete fiddle
• Functions as variables

  jQuery 2.2.4, HTML, CSS, JavaScript

  • Delete fiddle
• Gradient bad animation #9 is the latest revision

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

  • Delete fiddle
• parseInt()

  jQuery 2.2.4, HTML, CSS, JavaScript

  • Delete fiddle
• Javascript 101

  jQuery 2.2.4, HTML, CSS, JavaScript

  • Delete fiddle
• flex columns 2

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

  • Delete fiddle
• Comma-delimited regex

  jQuery 2.2.4, HTML, CSS, JavaScript

  • Delete fiddle
• Autofocus without Killing Placeholder #14 is the latest revision

  jQuery 2.2.4, HTML, CSS, JavaScript

  • Delete fiddle
• Red, green, .5 opacity

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

  • Delete fiddle
• Youtube embed test #4 is the latest revision

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

  • Delete fiddle
• Negative margins implied from child width

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

  • Delete fiddle
• Bootstrap with intermediary wrapper tags #2 is the latest revision

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

  • Delete fiddle
• Inventory parse and build

  jQuery 1.12.2, HTML, CSS, JavaScript

  • Delete fiddle
• CSS Transition Flyout #11 is the latest revision

  jQuery 1.12.2, HTML, CSS, JavaScript

  • Delete fiddle
• Flyout menu #2 is the latest revision

  jQuery 1.12.2, HTML, SCSS, JavaScript

  • Delete fiddle
• position: absolute

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

  • Delete fiddle
• history Pakhtinov test

  jQuery 1.12.2, HTML, CSS, JavaScript

  • Delete fiddle
• Vimeo Thumb Urls #112 is the latest revision

  jQuery 1.12.2, HTML, CSS, JavaScript

  • Delete fiddle
• SCSS Continuations #3 is the latest revision

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

  • Delete fiddle
• box-sizing #4 is the latest revision

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

  • Delete fiddle
• float: left; width: % #2 is the latest revision

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

  • Delete fiddle
• display: table-row #1 is the latest revision

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

  • Delete fiddle
• $1.4million please!

  jQuery 2.2.3, HTML, CSS, JavaScript

  • Delete fiddle
• Quiz

  jQuery 2.2.1, HTML, CSS, JavaScript

  • Delete fiddle
• Modulo

  jQuery 2.2.1, HTML, CSS, JavaScript

  • Delete fiddle
• VBA timecodes #1 is the latest revision

  jQuery 2.1.4, HTML, CSS, JavaScript

  • Delete fiddle
• CSS dots/shields with shadows #1 is the latest revision

  jQuery 2.1.4, HTML, SCSS, JavaScript

  • Delete fiddle
• noUiSlider 8.2.1 base #1388 is the latest revision

  jQuery 2.1.4, HTML, CSS, JavaScript

  • Delete fiddle
• jQuery Mobile RangeSlider #2 is the latest revision

  Custom Download, no init code

  • Delete fiddle
• Horizontal scroll without scrollbar or hider

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

  • Delete fiddle

• 1
• 2
• 3