JSFiddle

Aleksey Kuznetsov's public fiddles

• 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.

  • Delete fiddle
• test of modern key & code

  jQuery (edge), HTML, CSS, JavaScript

  • Delete fiddle
• Color picker in the style of Google Keep

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

  • Delete fiddle
• Flash on added/changed element

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

  • Delete fiddle
• 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="...">

  • Delete fiddle
• v2 of custom validating message for input field

  + patternless validation of correct input.

  • Delete fiddle
• Pulsating Leaflet marker

  Double pulsation of Leaflet marker

  • Delete fiddle
• Custom validating message for input field

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

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

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

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

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

  • Delete fiddle
• Example #1 is the latest revision

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

  • Delete fiddle
• Change body cursor on click

  jQuery 1.5, HTML, CSS, JavaScript

  • Delete fiddle
• Defered background

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

  • Delete fiddle
• preg_match_all

  Just figuring out how to do preg_match_all with JavaScript.

  • Delete fiddle
• 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.

  • Delete fiddle
• Modal box with pure CSS #8 is the latest revision

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

  • Delete fiddle
• Outer link CSS class #43 is the latest revision

  An outer link icon without using 3rd party libraries or external images. Just CSS class.

  • Delete fiddle
• Check cookie support

  Display warning if cookie disabled. (But this code will not work on JSFiddle, since JSFiddle requires cookies too. You cannot test this code here with disabled cookies.)

  • Delete fiddle
• set <select> style to <option> style on each change

  jQuery 1.9.1, HTML, CSS, JavaScript

  • Delete fiddle
• 100% height div with 100% height anchor with middle-centered content #8 is the latest revision

  100% height div with 100% height anchor with middle-centered content

  • Delete fiddle
• doInit+jqWait. Awaiting of asynchronous load and initialization of some scripts/variables

  This minimalistic 129 bytes JS-code (see "doInit" function in JavaScript frame) will help timely initialize any other JS-code. It will help to wait for an asynchronous loading of some external scripts (or initialization of some variables), and then execute the code.

  • Delete fiddle
• Download JavaScript-generated content + get SVG from Google Chart

  Example how to download JavaScript-generated content on click. I use it to download SVG of Google Charts. The second example is about it.

  • Delete fiddle
• div/anchor inside of table cell with 100% height #3 is the latest revision

  Как расположить div/anchor внутри какого-то контейнера так, чтобы этот div/anchor занимал 100% высоты, а его контент распологался посредине внешнего контейнера.

  • Delete fiddle
• Medal with golden glare (shine effect) #2 is the latest revision

  23.04.2017 works only in Chrome and Opera browsers. Looks like this animation doesn't supported yet by FireFox and IE. Not tested on Safari.

  • Delete fiddle
• Adaptive table columns that change order on resize. With min-width. #8 is the latest revision

  Adaptive table with 2 columns, that change order on horizontal resizing. With min-width for one of the columns.

  • Delete fiddle