Tag: javascript

Categories
Links

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

[Neat tool for drawing cutesy vector shapes](https://github.com/pshihn/rough):

>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](https://github.com/pshihn/workly).

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

[link]: http://github.com/NathanEpstein/stochastic “NathanEpstein/stochastic”

Categories
Links

Framer

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

[link]: http://framerjs.com/ “Framer – Innovative Prototyping”

Categories
Links

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”

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

Categories
Links

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

Categories
Links

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”

Categories
Links

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”

Categories
Links

obelisk.js

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

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

Categories
Links

Timeline JS

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

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

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

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

Categories
Links

Meteorite

[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

Categories
Links

lunr.js

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

Categories
Links

glsl.js

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

Categories
Links

box2dweb

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

Categories
Links

jsdom

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

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

Categories
Links

Derby

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

[link]: http://derbyjs.com “Derby”
[demos]: http://derbyjs.com/#demos “Derby Demos”