Ercan's public fiddles
-
Heatmap - Errorhistory
No-Library (pure JS), HTML, SCSS, JavaScript
-
train passing checkpoint animation
CSS only
-
responsive darkmode toggle
change the $buttonHeight variable in SCSS, the rest will scale accordingly. I'm using jQuery to add the relevant class for the switch here, you can use whatever you want to toggle the class.
-
flexbox based editable table with divs - vanillajs
No-Library (pure JS), HTML, CSS, JavaScript
-
skip popup animation
jQuery 3.3.1, HTML, CSS, JavaScript
-
error modal
jQuery 3.3.1, HTML, CSS, JavaScript
-
simple upload animation
using bootstrap 3 glyphicons and jQuery
-
loading animation
jQuery 3.3.1, HTML, SCSS, JavaScript
-
sprite sheet animation (CSS only)
using animation steps and prepared sheet; customizable
-
yoshi level up animation
using sprite sheet; fixed sizes; not customizable
-
animated level transition - garage door
using jquery; fully responsive; customizable
-
animated level transition - circles
using jquery; fully responsive; customizable
-
animated level transition - stripes
using angular 1, jquery, lodash; fully responsive; customizable
-
level up & level down animation
using bootstrap glpyhicons; fully customizable
-
Morphing burger menu button to close button
jQuery 3.3.1, HTML, SCSS, JavaScript
-
k5skfu8d
jQuery 3.3.1, HTML, CSS, JavaScript
-
responsive matrix design - using string with 0 & 1 for dynamic visualization
This fiddle does automatically fit boxes inside a equilateral grid - you can adjust the number of boxes with changing the maxDots variable (just make sure to stay with 2x2, 3x3, ...). The grid reads a string with 1's and 0's and transform it accordingly to the grid with boxes being a 1 and dots being a 0. Works with all current Browser, IE10+ (because of flexbox).
-
jQuery image preloader with animation & delay until loading finishes
jQuery 3.2.1, HTML, CSS, JavaScript
-
remove console.logs in a comfy way
No-Library (pure JS), HTML, CSS, JavaScript
-
Responsive scale elements
using angular & jquery. fully customizable. responsive.