Category Archives: Web Development

Ember.js + Rails = Friends?

I’ve been meaning to learn Ember.js to cross-compare it against AngularJS. So I set myself to writing a Heroku application with Ember and Ruby on Rails. From what I heard they’re are supposed to work together magically… I was kind of right, kind of wrong.

What was painful

Rails required a lot of adjustments to deliver data and Ember.js also requires a chunk re-configuring. There was little out of the box magic between both of them. Authentication with Ember’s simple auth plugin was a mess. Mainly because it, like most Ember related docs, is in a bit of messy transitional state between Ember 1.0 and 2.0. Google search results can be a nightmare since a lot of people are still using and writing material for 1.0.

What I like about Ember.js

The structure of Ember.js over AngularJS is more structured. As it has much better standards and specific ways of doing things. But, if you want to deviate from its standard way of doing things you’ll probably run into an avalanche of issues. Still, this is probably the best MVW / MVC framework for building something with a large team.

The Ember CLI is just as magical as Rails’ equivalent system. It does everything you want and even sets up the beginnings of a nice TDD environment. The CLI is years ahead of the Yeoman AngularJS equivalent.

View the live app

It took me about 2 weeks and 40 hours to get everything fully functional. Source code for the app is available and you can play with it live on heroku at the link below.

A Star (*) Pathfinding Speech at SF HTML5 Developer Conference

One of the biggest frustrations with getting into AI, is understanding the basic algorithms. As most information sources out there expect you to already understand them. Inspired by my own struggles in AI, I gave an interactive demo explaining the A Star (*) Pathfinding Algorithm from the ground up.

Continue reading A Star (*) Pathfinding Speech at SF HTML5 Developer Conference

HTML5 contenteditable Backspace Bug Fix

When editing text in HTML5’s contenteditable attribute you probably need to have all of your content wrapped with <p> or <div> tags like so.

<p>My text</p>
<p>Another line of text</p>

The problem is if you do the following it will screw up your block formatting and dump in empty lines of text. Which is nasty formatting you don’t want and the cursor placement will start wacking out in your contenteditable area.

Continue reading HTML5 contenteditable Backspace Bug Fix

JavaScript Anagram Generator

I take character development very seriously and love using anagrams. Problem is they are a pain to create without spending several hours combing through dictionaries, rewording names, and researching dead languages nobody speaks. I looked around for a free anagram research tool, but they were terrible (or for scrabble). Realizing I could write something to speed up my name research process, I created the JavaScript Anagram Generator app.

Continue reading JavaScript Anagram Generator