JSFiddle

Grok's public fiddles

• PixelArt Enlarge in jQuery

  How to enlarge Pixel Art without bilinear filtering.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Before/After Scrubber

  Drag blue handle to scrub between before and after images.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Rolling Code

  Sample code to demonstrate a continuous scrolling repeating image.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Viewport Resize

  Keeps track of the viewport the user's browser is displaying, and resizes key elements accordingly.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Pixel Art Enlarge No Bilinear Filtering

  The trouble with enlarging an image, is that most browsers try to apply a bilinear filter to the image to try to compensate for the missing data. However, sometimes you want your pixel art to shine with all it's pixel perfectness!

• Private fiddle Extra
• Delete fiddle
Groups Extra