OtoDev | javascript | OtoDev - Curated links for web developers

Plyr

A simple, accessible and customisable media player for Video, Audio, YouTube and Vimeo

javascript video

Bundle Scanner

Identify NPM libraries included in Javascript files.

javascript

Style Object to Custom Properties Converter

Convert a JavaScript Style Object to CSS Custom Properties (CSS Variables)

css javascript

Underdash

Collection of JS snippets for Array and Iterator manipulation

javascript

MakeTypes

Generate TypeScript classes from JSON examples.

javascript json

Worth It

Determine how much less JavaScript is downloaded using module/nomodule

javascript performance

1-loc.dev

Find single-line of code JavaScript Utilities

Cheatsheet javascript

ESBench

Create shareable JavaScript benchmarks

javascript performance

BundleJs

Analyze JavaScript packages.

javascript

JavaScript Array Explorer

Find the array method you need without digging through the docs

javascript

slice, substring, substr comparison

Select part of text and get example call from 3 different string manipulation methods.

javascript

HTML DOM

Manage HTML DOM with vanilla JavaScript only

html javascript

Operator Lookup

Learn more about JavaScript operators

javascript

pkg-size

Find the true size of an npm package.

javascript performance

Array Builder

Array Builder is a simple, free tool to visualize the returned values of array transformations & computations made from map/filter/reduce

code javascript

Key codes

Get key codes for keyboard events in JavaScript

javascript

clipboard.js

A modern approach to copy text to clipboard. No Flash. No frameworks. Just 3kb gzipped

javascript

SVG 2 JSX

Transform SVG into valid JSX

javascript react

Package Diff

Display a diff between two versions of the same npm package

code javascript npm

npmview

View npm package files

javascript