Javascript Task Runners Explained

What is a Javascript task runner, and why do I need one as a JS…

Javascript Cascade Design Pattern

The Javascript cascade design pattern is a way to create a chaining pattern for methods of our own objects.

The simple example is this:

var string = 'string cheese';  
string.split('').reverse().join();

ES6 Promises Explained

Promises are a topic that is still a mystery to a ton of developers. So misunderstood that some have turned to using…

Client-Side, Static, and Server-Side Rendering

In this post I want to look primarily at SSR and STR (static rendering) placing…

In the future of MVC, the client is king.

In this post I want to talk about the strongest current in front-end development…

Clipping and Masking with SVGs

Recently I did some experimentation with clipping-masks in CSS. Clipping masks allow you to do incredibly cool things at the intersection of divs and svgs, fonts and filters. For instance, I recently made this codepen:

Javascript Events and Decoupling

How using native and custom events in your programs helps to simplify and modularize.

Events are one of the single most important tools in your development toolkit as a JS developer…

Everything you ever wanted to know about the HTML5 Audio Player

This is a post about a tiny little javascript object — with a widget no bigger than a pinky finger depending on your browser zoom, and with usually just two or three buttons. Despite its size and modest appearance, it is…