Categories
Links

Rough.js – A “Hand-drawn” Javascript Vector Library

Neat tool for drawing cutesy vector shapes:

Rough.js is a light weight (~9kB gzipped) graphics library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths.

There’s a lot of nuance to this, too. For example, there are 5 distinct fill styles (hachure, solid, zigzag, cross-hatch, or dots) and it supports Web Workers with the optional Workly library.

Categories
Links

You Might Not Need JavaScript

Examples of common UI elements and interactions with HTML and CSS alone.

You Might Not Need JavaScript is doing the lord’s work. Maybe we don’t need to replace everything with some flavor of Javascript, huh? Maybe?

Categories
Links

stochastic

Simple functions for simulating Poisson Processes, Brownian motion, geometric Brownian motion, discrete/continuous-time Markov chains, and normal random variables” in Javascript.

Categories
Links

Framer

An application / framework platform for Mac that looks to let you got from Photoshop or Sketch to prototype in record time.

Categories
Links

sql.js: A port of SQLite to JavaScript

This is ridiculous and great:

sql.js is a port of SQLite to JavaScript, by compiling the SQLite C code with Emscripten. no C bindings or node-gyp compilation here.

Once again, via Jesper.

Categories
Links

slick – the last carousel you’ll ever need

A full-responsive, CSS3-enabled, touch-ready, arrow-key supporting, draggable carousel that you can instance with one line.

Having built and used probably a dozen different image slider / content carousels this one looks like it covers all of the bases and with minimal markup bullshit. Color me impressed.

Categories
Links

grid

Drag and drop library for two-dimensional, resizable and responsive lists.

I’ve seen this done before but not so efficiently, responsively, and with no dependencies. (via Jesper)

Categories
Links

Font-To-Width

Font‑To‑Width (FTW!) is a script by Nick Sherman and Chris Lewis that takes advantage of large type families to fit pieces of text snugly within their containers.

Can definitely see using this for some datavis stuff. There is some FOUT (Flash of unstyled text) to deal with though.

Categories
Links

MicIO.js

This is some crazy magicks and I love it:

Use HTML5’s web audio API to create a hardware bus somewhat similar to how Square’s Credit Card readers works.

I am abuzz with ideas for this right now and this is bad because I have actual work to do. (via Jesper)

Categories
Links

obelisk.js

Obelisk.js is a JavaScript Engine for building isometric pixel objects.

… and it looks like a million bucks. This may have to be the basis for my life’s work: A modern remake of the SNES version of SimCity. (via Jesper)

Categories
Links

ScummVM Ported to Javascript

Day of the Tentacle, Maniac Mansion, LOOM, Indiana Jones, Monkey Island, all of the classics now playable in HTML5. The audio is Firefox-only for now, but this is damned impressive. And cool.

Categories
Links

Timeline JS

Really slick timeline visualization that can pull in data from a Google Spreadsheet, Flickr, etc. I plan on using this for some weird stuff.

Categories
Links

This is the code Comcast is injecting into its users web traffic.

If you’re a Comcast user, every web page you visit has this Comcast tracking code injected into it. Man, Comcast writes really shitty Javascript.

Categories
Links

JavaScript Garden

JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes and subtle bugs, as well as performance issues and bad practices, that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language.

This has been an invaluable resource to me while I brush up on my JavaScript for Meteor development.

Categories
Links

Meteorite

Appears to be the front-runner for Meteor version and package management. Working very well for me so far. Meteor is some strong mojo.

Categories
Links

lunr.js

A response to so many new frameworks keeping much of their data on the client-side:

Lunr.js is a small, full-text search library for use in the browser. It indexes JSON documents and provides a simple search interface for retrieving documents that best match text queries.

Categories
Links

glsl.js

A WebGL subset focused on making 2D and 3D game visuals more efficient / maintainable. Don’t miss the examples. Requires a browser that supports WebGL, so the current released version of Safari is a no-go for now. Try Chrome.

Categories
Links

box2dweb

A more up-to-date version of Box2d in Javascript.

Categories
Links

jsdom

A JavaScript implementation of the W3C DOM for use with node.js.

Categories
Links

Derby

A Model-View-Controller framework for Node.js and web browsers. Real-time updating of everydamnthing. Don’t miss the demos.