1
0
Fork 0
mirror of https://github.com/sbrl/thebigwarehouse.git synced 2018-01-10 21:33:45 +00:00
TheBigWarehouse/BigBoxOfJavascript.md
2015-08-24 15:27:28 +01:00

5.2 KiB

The Big Box of Javascript

Polyfills

  • Fake IndexedDB - A pure JS in-memory implementation of the IndexedDB API

Net

  • jsRequest - Fast and easy asynchronous JavaScript files loading.

Searching

  • lunr.js - A lightweight search engine to use
  • Defiant.js - Search JSON structures with XPath expressions
  • Awesomplete - Ultra lightweight autocomplete engine with no dependencies
  • Olly.js - Rich snippets engine

Saving

  • localStorage Bridge - A really cool library that lets you send & recieve messages via localStorage. Useful to let all the pages a user has open communicate with each other.

Media

  • audiosynth - A wonderfully simple (albeit underdocumented) library for synthesising notes from various instruments. Not the most powerful, but easy to use.
  • textgen.js - A procedural texture generator written in pure javascript

Display

  • ramjet - Lets you transform one DOM element into another with a smooth transisition
  • ifvisible.js - Super simple library to detect if the user is actually looking at your page at a given moment
  • marklib - Highlight any text on a web page.

3D

  • WebGLStudio.js - A seriously interesting looking platform that lets create and / or edit webgl scenes.

Popup Boxes

  • NanoModal - Display those modals dialogs easily
  • basicContext - Create custom right click menus easily
  • Headhesive - Create customiseable fixed headers that appear at certain points on a page

Progress bars

  • Mprogress.js - A progress bar based on material design

  • ProgressBar.js - Another progress bar library

  • Elevator.js - An awesome script that "solves those awkward scroll to top moments the old fashioned way" :D

  • layzr.js - A lightweight library that makes lazy loading ridiculously easy

Input tools

  • Keypress - Simple but powerful keyboard input library
  • Squire - Turn a simple <textarea /> into a rich text editor
  • Quill - Another rich text editor for the web
  • Dragula - Super simple drag & drop
  • Insignia - Easy tag input

Parsing and Manipulation

  • DOM lite - A small DOM implementation. Does not parse HTML currently.
  • Regexp.escape - Pass this a string and it will return an escaped version for regular expressions.
  • is.js - Check to see if a string is in the format of many common things - e.g. credit card number, date, phone numbe , ISBN number, etc.
  • Complex.js - A complex number manipulation library.

Amazing / Really Useful NPM Modules

This section could easily get absolutely huge, so it is limited to a very small selection of the best.

  • got - A replacement to the famous request module. Apparently much lighter and faster. Does not have as many dependencies.

Services and tools

Services

  • js.org - Free subdomains for Javascript projects

Tools

  • Regexper - Regular Expression visualiser
  • Transformy - Not strictly javascript, but still awesome. Change the format of a list of things by typing in a simple example of what you want it to look like.
  • vorlon.js - Awesome looking remote debugger
  • keyCode Test Page - A test page that shows you the keyCode of the keys you press
  • jscompress - A simple no-fuss javascript compressor
  • JSON Generator - Generate complex JSON test data

Performance

  • jsPerf - JavaScript performance playground. Create tests online to compare different pieces of javascript code.

References & Tutorials