JSFiddle

Ercan's public fiddles

• Heatmap - Errorhistory

  No-Library (pure JS), HTML, SCSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• train passing checkpoint animation

  CSS only

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 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.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• flexbox based editable table with divs - vanillajs

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• skip popup animation

  jQuery 3.3.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• error modal

  jQuery 3.3.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• simple upload animation

  using bootstrap 3 glyphicons and jQuery

• Private fiddle Extra
• Delete fiddle
Groups Extra
• loading animation

  jQuery 3.3.1, HTML, SCSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• sprite sheet animation (CSS only)

  using animation steps and prepared sheet; customizable

• Private fiddle Extra
• Delete fiddle
Groups Extra
• yoshi level up animation

  using sprite sheet; fixed sizes; not customizable

• Private fiddle Extra
• Delete fiddle
Groups Extra
• animated level transition - garage door

  using jquery; fully responsive; customizable

• Private fiddle Extra
• Delete fiddle
Groups Extra
• animated level transition - circles

  using jquery; fully responsive; customizable

• Private fiddle Extra
• Delete fiddle
Groups Extra
• animated level transition - stripes

  using angular 1, jquery, lodash; fully responsive; customizable

• Private fiddle Extra
• Delete fiddle
Groups Extra
• level up & level down animation

  using bootstrap glpyhicons; fully customizable

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Morphing burger menu button to close button

  jQuery 3.3.1, HTML, SCSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• k5skfu8d

  jQuery 3.3.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 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).

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQuery image preloader with animation & delay until loading finishes

  jQuery 3.2.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• remove console.logs in a comfy way

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Responsive scale elements

  using angular & jquery. fully customizable. responsive.

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ◀︎
• 2
• ▶︎
• 3