JSFiddle

Niklas Knaack's public fiddles

• SVG Pattern Doodle

  svg line

• Simple Audio Visualizer

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

• Simple image based countdown with Countdown.js V2

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

• Horizontal Percentage Scroll Without Scroll Event

  jQuery 3.2.1, HTML, CSS, JavaScript

• Simple image based countdown with Countdown.js

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

• Paralax Scroll Without Scroll Event

  jQuery 3.2.1, HTML, CSS, JavaScript

• isElementInView

  jQuery 3.2.1, HTML, CSS, JavaScript

• Paralax Scroll Test Invert

  jQuery 3.2.1, HTML, CSS, JavaScript

• Load, Edit & Save Txt File

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

• Beastyqt Random Number Generator List

  Random Number Generator for Beastyqt's Builds to Grandmaster series

• Beastyqt Random Number Generator

  Random Number Generator for Beastyqt's Builds to Grandmaster series

• Action if mouse not moving

  jQuery 1.9.1, HTML, CSS, JavaScript

• Paralax Scroll Test

  jQuery 3.2.1, HTML, CSS, JavaScript

• Slick slider demo

  http://community.sitepoint.com/t/how-to-make-a-mutliple-items-slider/194539/

• Sticky onscroll example

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

• Multiple fillRect directly in imageData

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

• fillRect directly in imageData

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

• Modulo Test

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

• Blur Sphere Test

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

• Glitch

  Simple but powerful glitch effect for the canvas

• SVG 3D Tag Cloud jQuery plugin Example #181 is the latest revision

  A very small and CSS-less jQuery plugin for drawing a 3D, interactive, SVG based and fully customizable sphere tag cloud from an array of html links.

• Iteration

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

• Line Test

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

• Sinus Wave Landscape

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

• Wobble window jQuery plugin Example 2 #51 is the latest revision

  Wobble Window is a fancy jQuery plugin that helps you create a cool, interactive, configurable, HTML5 canvas based gooey effect when the mouse moves in/out a specified element.

• Wobble window jQuery plugin Example #55 is the latest revision

  Wobble Window is a fancy jQuery plugin that helps you create a cool, interactive, configurable, HTML5 canvas based gooey effect when the mouse moves in/out a specified element.

• Optimize DAE for Particle Engine and create TXT

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

• drawCircle

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

• txt to txt

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

• ThreeJS Update Vertices V2

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

• ThreeJS Update Vertices #20 is the latest revision

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

• Extract DAE for Particle Engine

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

• Optimize DAE for Particle Engine #3 is the latest revision

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

• Navigation Sphere

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

• Particles Sphere

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

• Sinus Wave Animation

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

• Checkerboard V5

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

• Checkerboard Animation #17 is the latest revision

  Canvas ImageData Checkerboard

• Checkerboard V4 #6 is the latest revision

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

• Checkerboard V3

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

• Checkerboard V2

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

• Checkerboard

  Checkerboard nearestPow2 values

• Sinus Wave

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

• Canvas ImageData getRandomSpherePos

  Example

• Canvas ImageData setPixel Example 6

  Example

• Canvas ImageData setPixel Example 5

  Example bit101 style

• Canvas ImageData setPixel Example 4

  Example

• Canvas ImageData setPixel Example 3 #30 is the latest revision

  Example

• Canvas ImageData setPixel Example 2 #7 is the latest revision

  Example

• Canvas ImageData setPixel Example 1

  Example

• Canvas ImageData getPixel #58 is the latest revision

  Example

• Canvas ImageData setPixel Bitwise OR operator

  Example

• Canvas ImageData setPixel Math.round

  Example

• Canvas ImageData load and thresholding Image #66 is the latest revision

  Example Random Thresholding Image

• Canvas ImageData load and grayscale Image #8 is the latest revision

  Example

• Canvas ImageData load and invert Image #3 is the latest revision

  Example

• Canvas ImageData random colors

  Example

• Canvas ImageData red

  Example

• Canvas ImageData red to green #13 is the latest revision

  Example

• 1
• 2