JSFiddle

Aleksey Kuznetsov's public fiddles

• 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