JSFiddle

Aleksey's public fiddles

• Fix the height of Google Area Chart

  Just set up fixed height for area chart.

• Private fiddle Pro
• Delete fiddle
Groups Pro
• trimEllip with trimToWord feature

  trimEllip with trimToWord feature

• Private fiddle Pro
• Delete fiddle
Groups Pro
• Shift map center

  Shift the center of the map. Click on leaflet marker returns shifted position.

• Private fiddle Pro
• Delete fiddle
Groups Pro
• Email autocomplete

  The jQuery plugin, which predicts the input in email fields and suggests the domain name to autocomplete. Contains configurable list of the most popular domain names of free email services.

• Private fiddle Pro
• Delete fiddle
Groups Pro
• test of modern key & code

  jQuery (edge), HTML, CSS, JavaScript

• Private fiddle Pro
• Delete fiddle
Groups Pro
• Color picker in the style of Google Keep

  jQuery based Color Picker which looks & feels like Google Keep.

• Private fiddle Pro
• Delete fiddle
Groups Pro
• Flash on added/changed element

  animate background colors to show quick colored flash, animation to draw user attention to the changed item.

• Private fiddle Pro
• Delete fiddle
Groups Pro
• Bootstrap4 modal together with Alertify

  Features: 1. Alertify displayed over Bootstrap modal and still can be closed on ESC keypress. 2. ESC key doesn't close Bootstrap's modal when we selecting files in <input type="file">. 3. We prevent Bootstrap's modal from closing on ESC when we about to open Alertify (and some control in the dialog are focused). We unfocus it with forced .blur() method (see <button onClick="...">

• Private fiddle Pro
• Delete fiddle
Groups Pro
• v2 of custom validating message for input field

  + patternless validation of correct input.

• Private fiddle Pro
• Delete fiddle
Groups Pro
• Pulsating Leaflet marker

  Double pulsation of Leaflet marker

• Private fiddle Pro
• Delete fiddle
Groups Pro
• Custom validating message for input field

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

• Private fiddle Pro
• Delete fiddle
Groups Pro
• Custom "Bootstrap v4"-style check/radio-boxes

  Custom "Bootstrap v4"-style check/radio-boxes. Checkboxes are animated.

• Private fiddle Pro
• Delete fiddle
Groups Pro
• Custom "Bootstrap v4"-style check/radio-boxes

  Custom "Bootstrap v4"-style check/radio-boxes. Checkboxes are animated.

• Private fiddle Pro
• Delete fiddle
Groups Pro
• Example #1 is the latest version

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

• Private fiddle Pro
• Delete fiddle
Groups Pro
• 1nvLgjmp

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

• Private fiddle Pro
• Delete fiddle
Groups Pro
• Change body cursor on click

  jQuery 1.5, HTML, CSS, JavaScript

• Private fiddle Pro
• Delete fiddle
Groups Pro
• Defered background

  Demo for how to defer loading of background images until the full page load. + It may vary pictures for different screen resolutions.

• Private fiddle Pro
• Delete fiddle
Groups Pro
• preg_match_all

  Just figuring out how to do preg_match_all with JavaScript.

• Private fiddle Pro
• Delete fiddle
Groups Pro
• Modal box with pure CSS + JavaScript to close modal box on ESC key

  This is previous code that demonstrates pure CSS modal windows, where I have added tiny JavaScript code to close CSS-based windows on ESC keyboard key.

• Private fiddle Pro
• Delete fiddle
Groups Pro
• Modal box with pure CSS #8 is the latest version

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

• Private fiddle Pro
• Delete fiddle
Groups Pro

• 1
• ▶︎
• 2