Aleksey's public fiddles
-
Change body cursor on click
jQuery 1.5, HTML, CSS, JavaScript
-
Defered background
Demo for how to defer loading of background images until the full page load. + It may vary pictures for different screen resolutions.
-
preg_match_all
Just figuring out how to do preg_match_all with JavaScript.
-
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.
-
Modal box with pure CSS
No-Library (pure JS), HTML, CSS, JavaScript
-
Outer link CSS class
An outer link icon without using 3rd party libraries or external images. Just CSS class.
-
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.)
-
set <select> style to <option> style on each change
jQuery 1.9.1, HTML, CSS, JavaScript
-
100% height div with 100% height anchor with middle-centered content
100% height div with 100% height anchor with middle-centered content
-
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.
-
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.
-
div/anchor inside of table cell with 100% height
Как расположить div/anchor внутри какого-то контейнера так, чтобы этот div/anchor занимал 100% высоты, а его контент распологался посредине внешнего контейнера.
-
Medal with golden glare (shine effect)
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.
-
Adaptive table columns that change order on resize. With min-width.
Adaptive table with 2 columns, that change order on horizontal resizing. With min-width for one of the columns.