Document Fragments and jQuery and Star Trek

Scotty in The Naked Time

For those of you who don’t already know, I’m a big-time Star Trek fan. I’m especially interested in the original series, and some of my favorite content comes from an old role-playing game from a company called FASA in the 1980’s. The game had an extensive timeline of events, and I’ve always wanted an easier way to read through it. Since I grew up to be a web developer, the obvious choice is to build an app!

Multiple JSON Data Sources for AngularJS

AngularJS logo

If you have more than one data source for your AngularJS app, then you’ll need them all completed before the thing runs. Although this is a common problem, solutions can be hard to find on the Unhelpful Interwebs. But don’t worry, I promise we can solve it.

Event Delegation without jQuery

JSfiddle logo

Today we’re going to listen to some buttons from a parent element, and we’re not going to use jQuery. We’re going to use vanilla JavaScript. I still love me some jQuery, of course, but we don’t gain a deeper understanding of JavaScript unless we dig into it a little bit and let go of our favorite tools.

Managing JavaScript on Resize

JSfiddle logo

For the past good long while, I’ve been using a throttled function to do various JavaScript chores when the browser fires a resize event. It’s a good way to correct the heights of things or add a class when the window hits a certain size. That’s been fine for a while, but recently I found a need to upgrade things.

Star Trek Warp Distance Calculator

Bridge hit on Star Trek

If you remember the Star Trek Role-playing Game from FASA, then you’ll remember how good the writing was. The game developers had everything figured out, right down to the coordinates for different planets and the actual speeds of the various warp factors. I’ve made a cute little utility to work out the time it takes to go from here to there at a given speed.

Tinkering with CreateJS

Spin Squares Demo App

I’ve been wanting to make some little something with CreateJS for a while now, but I was always studying things that related to my day-job. Now that the contract is over and I’m looking for a new position, I had a little time to try a little coding exercise. I created a sub-class for the framework’s Shape() class, and I’ve played around with the animation a bit. The results are actually very promising. Have a look at the source code for some details on how it works.

Palmetto Legal Gophers

Palmetto Legal Gophers Desktop View

I built this site for a process server in Columbia, South Carolina who wants customers to look up prices based upon a ZIP code. Recently I updated the design and I included a widget for looking up his prices by county and matching them up to the ZIP code entered. That last bit was a little tricky, but Google came to the rescue.