javascript – Extra Future

DOCTYPE Magazine

Phil Nelson — Fri, 21 Nov 2025 18:48:36 +0000

An honest-to-goodness 80s-style coder mag with HTML web apps you type out and run locally. It’s $10. Go forth and code.

"DOCTYPE Magazine" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

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

Phil Nelson — Tue, 19 Jun 2018 18:42:32 +0000

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.

"Rough.js – A “Hand-drawn” Javascript Vector Library" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

You Might Not Need JavaScript

Phil Nelson — Tue, 11 Oct 2016 16:14:47 +0000

>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?

"You Might Not Need JavaScript" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

stochastic

Phil Nelson — Fri, 08 Aug 2014 17:16:29 +0000

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

"stochastic" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

Framer

Phil Nelson — Mon, 23 Jun 2014 16:28:15 +0000

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

"Framer" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

sql.js: A port of SQLite to JavaScript

Phil Nelson — Thu, 10 Apr 2014 19:17:57 +0000

[This is ridiculous and great][link]:

>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][jesper].

[link]: https://github.com/kripken/sql.js “kripken/sql.js”
[jesper]: http://waffle.wootest.net “Jesper’s blog, Waffle”

"sql.js: A port of SQLite to JavaScript" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

slick – the last carousel you’ll ever need

Phil Nelson — Tue, 01 Apr 2014 16:49:53 +0000

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

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.

[link]: http://kenwheeler.github.io/slick/ “slick – the last carousel you'll ever need”

"slick – the last carousel you’ll ever need" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

grid

Phil Nelson — Mon, 31 Mar 2014 19:41:03 +0000

>[Drag and drop library for two-dimensional, resizable and responsive lists.][link]

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

[link]: https://github.com/ubervu/grid “uberVU/grid”
[jesp]: http://waffle.wootest.net “Waffle, Jesper’s blog.”

"grid" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

Font-To-Width

Phil Nelson — Mon, 31 Mar 2014 18:10:32 +0000

>[Font‑To‑Width (FTW!)][link] 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.

[link]: http://font-to-width.com/ “Font-To-Width”

"Font-To-Width" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

MicIO.js

Phil Nelson — Mon, 24 Mar 2014 20:01:34 +0000

[This is some crazy magicks and I love it][link]:

> 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][jesp])

[link]: http://colinbookman.com/2014/03/23/micio/ “MicIO.js”
[jesp]: http://waffle.wootest.net “Waffle, Jesper’s blog”

"MicIO.js" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

obelisk.js

Phil Nelson — Sun, 23 Mar 2014 16:39:18 +0000

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

… 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][jesp])

[link]: https://github.com/nosir/obelisk.js “nosir/obelisk.js on GitHub”
[jesp]: http://waffle.wootest.net “Waffle, Jesper’s blog”

"obelisk.js" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

ScummVM Ported to Javascript

Phil Nelson — Tue, 11 Jun 2013 16:44:52 +0000

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

[link]: http://clb.demon.fi/html5scummvm/dott/dott.html “HTML5 Day of the Tentacle”

"ScummVM Ported to Javascript" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

Timeline JS

Phil Nelson — Wed, 05 Jun 2013 18:23:44 +0000

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

[link]: http://timeline.verite.co/ “Timeline JS – Beautifully crafted timelines that are easy, and intuitive to use.”

"Timeline JS" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

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

Phil Nelson — Tue, 02 Apr 2013 22:14:34 +0000

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

[link]: https://gist.github.com/ryankearney/4146814 “This is the code Comcast is injecting into its users web traffic.”

"This is the code Comcast is injecting into its users web traffic." was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

JavaScript Garden

Phil Nelson — Fri, 15 Mar 2013 16:41:04 +0000

>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.][link]

[link]: http://bonsaiden.github.com/JavaScript-Garden/ “JavaScript Garden”

"JavaScript Garden" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

Meteorite

Phil Nelson — Mon, 11 Mar 2013 19:54:35 +0000

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

[link]: https://github.com/oortcloud/meteorite “oortcloud/meteorite · GitHub”
[meteor]: http://meteor.com

"Meteorite" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

lunr.js

Phil Nelson — Mon, 04 Mar 2013 18:13:42 +0000

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

>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.

[link]: https://github.com/olivernn/lunr.js “olivernn/lunr.js · GitHub”

"lunr.js" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

glsl.js

Phil Nelson — Mon, 18 Feb 2013 18:21:16 +0000

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

[link]: http://blog.greweb.fr/2013/02/glsl-js-a-javascript-glsl-library-dry-efficient/ “glsl.js, a Javascript + GLSL library = DRY & efficient • @GreWeb”
[ex]: http://greweb.fr/glsl.js/examples/balls/ “Bouncing balls glsl.js example”

"glsl.js" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

box2dweb

Phil Nelson — Sat, 19 Jan 2013 22:28:08 +0000

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

[link]: http://code.google.com/p/box2dweb/ “box2dweb – Box2DFlash port to javascript – Google Project Hosting”

"box2dweb" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.

jsdom

Phil Nelson — Tue, 15 Jan 2013 23:20:25 +0000

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

[link]: https://github.com/tmpvar/jsdom “tmpvar/jsdom · GitHub”

"jsdom" was originally posted by Phil Nelson on Extra Future. Comments are enabled. Come say hi.