• SVG on the Web

  A Practical Guide.

• ‘Contact Us’ Page Guidelines

  Users still expect to see company addresses, phone numbers, and email addresses.

• The 3-Click Rule for Navigation

  The 3-click rule is an arbitrary rule of thumb that is not backed by data.

• Dumb Password Rules

  Shaming sites with dumb password rules.

• Pika

  Search npm for fast, modern packages.

• Text Scanning Patterns

  There are 4 main patterns that people use to scan textual information on webpages.

• Webcam Audio Visualizer

  A Three.js powered audio visualizer using the user's webcam.

• Sunbeams

  Sun shines through trees in this beautiful WebGL CodePen.

• Font Style Matcher

  A tool to prevent FOUT by matching the fallback font to the web font.

• WebGL Distortion Effects

  A Configurator for Creating Custom WebGL Distortion Effects.

• CSS Duotone Generator

  Apply effects to an image and easily generate the HTML and CSS required.

• Color this sofa!

  A CodePen displaying what you can do with SVGs and Blend modes.

• Superposition

  An app to extract design tokens from websites for use in code and design tools.

• Awesome Dashboard UI Kit

  A UI Kit for building responsive admin dashboards.

• FileSaver.js

  An HTML5 saveAs() FileSaver implementation.

• pagemap

  Mini map for web pages.

• Freezeframe.js

  Control playback of animated gifs.

• Popup trombone

  A trombone you play by resizing a POPUP window.

• Bounds.js

  Asynchronous boundary detection, without dependencies.

• Squoosh

  Make images smaller using best-in-class codecs, right in the browser.

• GPickr

  Gradient-picker based on pickr.

• UIkit

  A lightweight and modular front-end framework for developing fast and powerful web interfaces.

• Tiny slider

  Vanilla javascript slider for all purposes.

• Chosen

  Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.

• tabler

  Admin panel made simple. For Free!.

• Color accessibility

  Tools and resources to help you design inclusive products.

• Moveable

  Moveable is Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable!.

• TypeLighter.js

  A light yet powerful JS TypeWriter plugin.

• Infinite Burger

  Resize your browser and watch this CSS only burger grow.

• Photoronoi

  Turn images into Voronoi-style SVG graphics.