Ercan's public fiddles
-
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.
-
Detect IE10+ & Edge with JS
No-Library (pure JS), HTML, CSS, JavaScript
-
Detect IE10+ & Edge with CSS
No-Library (pure JS), HTML, CSS, JavaScript
-
Compliment me...
jQuery 3.2.1, HTML, CSS, JavaScript
-
Different size variables
jQuery 3.2.1, HTML, CSS, JavaScript