Recent Posts

3 July 2016

Introduction to creating DOM elements with yo-yo.js

A simple JS API for creating reusable elements that can be diffed and updated similar to React and other virtual dom modules – without the virtual part.
3 September 2015

Using cookies with browser-side GitHub auth

Allow GitHub login on your static sites.
24 August 2015

Using gatekeeper to authenticate to GitHub with browser-side JavaScript

Allow GitHub login on your static sites.
10 August 2015

Editing data with EditData.org

Edit some tabular data & save it to a GitHub gist with this open source tool.
9 August 2015

learnjs.io is now makerlog.org

learnjs.io is now makerlog.org. This is an exciting change, and I hope you'll stick around to enjoy all the upcoming awesome.
3 August 2015

css via npm: using and publishing small css modules

If you write JavaScript you use npm. It's the best method for publishing and using JavaScript libraries for both server and browser code.
2 August 2015

Journalism as a city's API documentation

Journalism is literally the documentation of our communities, but the word documentation has special meaning in open source software. Open source projects usually come with documentation, guides, and references that serve as an operator's manual for the project. If only every City Hall had an operator's manual.
23 November 2014

Making videos into GIFs on the command-line with gifify

Making gifs from videos using the command-line is easy using gifify.
8 October 2014

Learn JavaScript by adventuring around in the terminal

Learning to code online is cool. But sometimes people get to the end of a tutorial on a site like codecademy.com and then say, "wait, now how do I use that?"
16 September 2014

Making retro interactive art with gretro & gameloop

This will serve as a basic introduction to the gretro, a JavaScript module that provides an API for drawing 2D art on a canvas that has the style of a retro video game.
5 August 2014

Introduction to pixi.js

Pixi.js is a wonderful library dedicated to serving as a fast and simple rendering engine. It can be used with a number of other JavaScript game libraries, and can do both canvas and WebGL rendering.
17 June 2014

Using leaflet-draw with browserify

A while back I was working on a simple mapping project and wanted to use leaflet-draw with browserify. I discovered that there was "one weird trick" for getting everything working as expected.
17 March 2014

Using Browserify with Ruby on Rails

Working on a Ruby on Rails project I had a moment where I realized, "Hey, I haven't used Browserify with Rails before, maybe I should try that out!"
17 March 2014

Exploring the open source 2048 game javascript examples

I spent a lot of time over the past few days playing this game called 2048, which is a clone of a game called 1024, which appears to be a clone of the game Threes.
17 March 2014

Experimenting with Gremlins.js and the canvas tag

The Gremlins.js library is designed for monkey testing (aka fuzz testing) applications by "unleashing a horde of undisciplined gremlins" that click, scroll, and otherwise cause havoc in the app they are released in. They mimic actual eve...
4 March 2014

Preloading and rendering image sprites in 2d js/canvas games

Learn about using the sprite-2d, load-images, and gameloop modules to create animations for 2d canvas/javascript games.
20 February 2014

Using Snap.svg with Browserify

It's not currently possible to use Snap.svg with Browserify by requiring the snapsvg package that's distributed on npm, but there is a workaround!
11 February 2014

Create a Node.js app that consumes APIs & is composed of small modules

September 7, 2014 update: This tutorial now works with the localwiki.net api that the Seattle LocalWiki now uses.
6 February 2014

Creating standalone JavaScript library builds with browserify, watchify, and uglify-js

Recently I had the opportunity to use Browserify as one of the tools for creating a JavaScript module for a client that is building a mapping product for architects and urban planners.
28 January 2014

JavaScript string method usage examples

Here is a collection of common and useful string methods that exist in Javascript.
22 January 2014

Setting up a JavaScript / Node.js development environment

The most difficult part of getting started with a language isn't necessarily learning the syntax, data types, control structures, or other parts of the language itself. The hardest part is often learning the tools associated with the language&...
20 January 2014

Using rework-npm for bundling css from npm along with myth and clean-css

In this tutorial we'll focus on bundling css that's published on npm using three modules:
17 January 2014

On making simple games quickly with crtrdg.js

Check out this simple implementation of pong I made in a few hours last night: sethvincent.github.io/digital-table-tennis-for-two
22 December 2013

Using Browserify with Express

In this brief post we'll take a look at using express, a popular web app framework for node.js, with browserify, a tool for bundling javascript modules written in node.js style for the browser.
30 November 2013

A collection of useful Snap.svg resources

Snap.svg resources Snap.svg is a new SVG library targeting modern browsers. It is an open source project released by Adobe, and created by the same developer that created Raphael.js.
24 November 2013

A collection of useful Browserify resources

I've been using, reading, and writing about the development tool Browserify for a while, and thought it would be useful to compile some of the most useful resources for learning more about the tool.
23 November 2013

Backbone & jQuery meet Browserify: easy.

Using browserify with modules from npm can be a little overwhelming at first, so what if we were able to use a couple of common front-end development libraries using along with browserify to ease the process of getting started?
16 November 2013

A super simple starting point for 2d javascript games

Here's the goal: I wanted the smallest and simplest starting point for 2d games I could come up with, using a clear and concise API.
8 November 2013

Basics of making maps with leaflet.js & browserify

Leaflet.js is an awesome, easy to learn mapping library. Here we’ll go through some introductory examples so you can get started using it in your projects. Hey, if leaflet is a mapping library for browsers, what’s it doing on npm? Client-side code...