JSFiddle

lfurter's public fiddles

• Magnifying Glass

  A CSS3/HTML5 magnifying glass. Suitable for examing images and pixel-peeping.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Flying flag effect.

  This demo demonstrates how to create a flying flag effect applied on an element with image background using mostly the CSS animation plus some jQuery (less but important). The idea is to fragment the image into many flag elements (with width of 1px and applying different background-positions) and animate the top alternately with different delays. Note that this effect consume fairly much CPU usage so use it when it's really necessary and the smaler the image is, the lesser CPU usage is consumed.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• FLYING FLAG ♥

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• nzkpfv23

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• test

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Draggable (and Resizable) <div> using jQuery

  Resources for a tutorial by Benedict Lewis.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Input text box with Jquery ui draggable and resizable with containment

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQueryUI Resize Image works

  Resize Image using jQueryUI

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQueryUI Resize Image

  Resize Image using jQueryUI

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jquery zoom-in-zoom-out

  jQuery 3.3.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQueryUI Resize Image

  Resize Image using jQueryUI

• Private fiddle Extra
• Delete fiddle
Groups Extra
• test

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Dynamically Add Elements with JQuery

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• zs9xvw6f

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• uc3mkexv

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• random elements + position

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• s90ytLm1

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 1ej4uxsc

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 1fwvytqs

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• change weight mouseenter

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ◀︎
• 2
• 3
• 4
• ▶︎
• 7