“the largest open source CoffeeScript project and a fantastic way to get into open source and game development” #

As of this past weekend, CodeCombat…

a programming game for learning to code; a multiplayer coding challenge arena for sharpening your skills; a Y-Combinator-funded startup;

…became the largest open source CoffeeScript project and a fantastic way to get into open source and game development.

This multiplayer programming game for learning how to code is hosted on GitHub so you can fork it, learn, and play. Happy gaming.

Add Instapaper-style footnotes to your site with Bigfoot #

Bigfoot is a nifty jQuery plugin that:

automatically detects the footnote link and content, turns the link into an easy-to-click button, and puts up a popover when the reader clicks on the footnote button

I installed Bigfoot on my blog and it Just Worked, which puts it in my Pantheon of awesome jQuery plugins. See it in action here and be sure to check out the sweet demo where you can try different styles.

Coin introduces Arduino-BLE developer kit #

If our conversation with Gordon Williams about Espruino on episode #104 got you excited about hacking on Espruino or Arduino check out Coin’s Arduino-BLE Developer Kit.

A year ago, we were software developers venturing into the world of hardware. Not surprisingly, we encountered difficulty as we integrated Bluetooth Low Energy (BLE) into our product. At that time, existing BLE modules were confusing to integrate and didn’t meet our requirements. So we decided to build our own.

If you haven’t ordered your Coin yet use my referral link and help me get mine free!

Good evening. I’m Sir Trevor. #

I love when people rethink content editing with the web as its native platform. Sir Trevor is just that. It stores its data as JSON and Markdown, has a nice interface, supports many content types (blocks), and is easily extendable.

Give the example page a try to see what it’s capable of.

#111: Hoodie, noBackend and offline-first with Caolan McMahon

Andrew and Adam talk with Caolan McMahon from Hoodie to talk about very fast web development where you can build complete web apps in days, without having to worry about backends, databases or servers (with Hoodie). We discuss noBackend and the idea behind offline first.

Stripe Shop #

Stripe’s single-page shop built on Parse.

When we launched Stripe Shop, a lot of people asked us to open source it so they could build their own single-page stores. We’ve just released the code on Github; please feel free to borrow any parts you find useful!

#108: Exercism.io with Katrina Owen

Adam and Jerod talk with Katrina Owen – Panelist on Ruby Rogues, Instructor at Jumpstart Lab and creator of Exercism.io, an open source platform for crowd-sourced code reviews on daily practice problems.

#107: Balanced Payments with Marshall Jones

Andrew and Adam talk with Marshall Jones from Balanced Payments about all they do in open source, and how they approach being an open company that desires to release as much software as they can as open source. Sponsored by DigitalOcean – Use the code mentioned on the show to save $10! If you’re a […]

annyang! lets your users control your site with voice commands #

annyang! is an awesome little JavaScript library by Tal Ater that adds voice commands to your site via webkitSpeechRecognition. Using annyang! is as easy as:

if (annyang) {
  // Let's define a command.
  var commands = {
    'show tps report': function() { $('#tpsreport').show(); }

  // Initialize annyang with our commands

  // Start listening.

You’ll definitely want to see this one in action, so make sure to visit the project’s homepage where there are multiple demos.

annyang! only works in browsers that support webkitSpeechRecognition, so it should be used as an enhancement to your site unless you have a very specific audience.

And if you’re wondering about the name… yes. It is in reference to the hilarious Arrested Development character by the same (phonetic) name. Tal took creative liberty with the spelling to make sure the name wasn’t too annoying for those who don’t get the reference.

I pleaded with Tal to match the official spelling, but he simply responded with further Arrested Development references. I think the guy might have a problem. ;)

parallax.js: bringing real movement to the web #

parallax.js is a lightweight parallax engine that responds to the movements from your smartphone’s gyroscope and motion detection. The tool lets you specify depths and directions that determine how your webscape responds to physical movement.

Creating layers is super simple, as documented:

Simply create a list of elements giving each item that you want to move within your parallax scene a class of layer and a data-depth attribute specifying its depth within the scene. A depth of 0 will cause the layer to remain stationary, and a depth of 1 will cause the layer to move by the total effect of the calculated motion.

Parallax.js is useable in jQuery and Zepto as a plugin, too.

MIT Licensed. Browse the source code on Github.

Questhub, the social task tracker #

Have you ever needed to be encouraged, or even nudged
by fellow travelers to go ahead with your quests?
Questhub aims to help you with exactly this problem.

You define tasks (or quests), others can upvote them and comment on them,
and suddenly you are held accountable for your plans.
You can’t procrastinate any more.

Questhub also supports Stencils, which are quest ideas or templates.
You create one and someone else can finish it. Even repeatedly.

Vyacheslav Matyukhin, the author of Questhub describes it
as being a public task tracker with social features and game points.

A live, public version can be found at Questhub.io with several
‘realms’, such as Perl, Fitness,
and Chaos.

The source code, which is written in
Perl, using the Perl Dancer web framework and lots of JavaScript,
is distributed with the MIT license.

Meet RegExpBuilder: Verbal Expressions’ rich, older cousin #

Following the popularity of Verbal Expressions — a library which generates regular expressions by chaining semantic functions together — Andrew Jones reached out to tell us that he has a library in the same spirit as Verbal Expressions that is a little older and more feature rich. He calls it RegExpBuilder and there are currently versions in JavaScript, Dart, Java, and Python.

I asked Andrew to point out a few differences between Verbal Expressions and his offering. He replied,

RegExpBuilder allows you to specify all kinds of quanitites, whereas VerbalExpressions has focused on just a couple of situations (either it might have something, or it does have something). So in RegExpBuilder you can say “it has between 3 and 100″, or it has “at least 7″ or it has “at most 5″ of something. There are all kinds of ways of specifying quantity. Eg:

var regex = new RegExpBuilder()
  .then("thechangelog is ")
  .max(7).of("really ")

regex.test("thechangelog is really really really cool"); // true


VerbalExpressions is mostly limited to working with strings. So for example, you pass in “http” to then(“http”), but unless your regular expression is very linear, you will have to deal with groups of patterns, and work with patterns themselves. RegExpBuilder allows you to pass in and work with patterns themselves, so you can do eitherLike(pattern1).orLike(pattern2), for example. Eg:

var pattern = new RegExpBuilder()
  .either("massively ")
  .or("amazingly ");

var regex = new RegExpBuilder()
  .then("thechangelog is ")

regex.test("thechangelog is massively massively massively cool"); // true

and finally,

RegExpBuilder also has support for character classes (like letters, digits, etc), and advanced features like lookaheads

It’s nice to see some friendly competition in this space to push us all to greater heights.

RegExpBuilder is MIT licensed and hosted on GitHub.