STANISLAV's public fiddles
-
Gradient background
Making gradient boxes with CSS
-
White board interview question
First stab at the interview question.
-
Sudoku solver
Using raw data (nonets), this is just the algorithm, no UI.
-
Iterate assoc array with Object.keys
A trivial but pretty bit of code
-
String replacer
When we cannot use ES6 string template
-
CSS animation of content of unknow height
Animating padding, I did not like the animation result of ScaleY
-
Kanji drawing
A quick prototype, animating kanji SVG in correct stroke order
-
Playing with getBattery status
Only works in Chrome
-
Playing with mouse tracking
A copy of http://hej.ch effect.
-
Styling with contextual awareness of elements
Very clever use of "Axiomatic CSS and Lobotomized Owls" CSS technique
-
ES6 classes and inheritance
ES6 feature with ES7 with static values added
-
Block scoping - let and const
A good practise for clearer scope definition
-
Destructuring values in ES6
Cool new ES6 feature for easier handling of assoc and numeric arrays and cross mapping values to variables. Really useful for calling functions!
-
Use cases for Array.map
Some interesting way to use Array.map on strings and DOM
-
Loading public JSFiddles
This example uses jQuery for convenience
-
Wind Turbines in CSS
Just messing with CSS
-
0a7u52dr
jQuery 3.1.0, HTML, CSS, JavaScript
-
Object Iterator
A simple array iterator taken from Mozilla site, could be useful
-
cao3q0g4
jQuery 3.1.0, HTML, SCSS, JavaScript 1.7
-
36wsdrky
React Base Fiddle ( JSX) Starting point for creating JSFiddles with React. This uses React with Addons.