Extra Future

Hi, I’m Phil Nelson, a writer, developer, and audio-visual maker of stuff. I have been making stuff online for over 25 years. I run RetroStrange and Set Side B. Good to see you.

Blog Archives

Tag: javascript

  • DOCTYPE Magazine

    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.

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

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

  • stochastic

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

  • Framer

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

  • sql.js: A port of SQLite to JavaScript

    [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”

  • 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.][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”

  • grid

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

  • Font-To-Width

    >[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”

  • MicIO.js

    [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”