A VanillaJS Date / Time picker

In this article I will show the VanillaJS Date / Time picker I've developed. It is meant as an easy, user friendly component for entering a date and / or time.

Running unit tests on a continuous integration service like Travis CI or Wercker

This is the last article in a series of three in which I explain how I setup my JavaScript unit testing with code coverage and getting it to run on a CI Server. First I described how to add unit testing and then I showed how to configure Istanbul and Grunt to generate code coverage reports. In this third step I will explain how I configured the project to use a continuous integration (CI) server like Travis CI or Wercker to run the unit tests when changes are pushed to the Git server.

Generating code coverage reports using Istanbul

This is the second article in a series of three in which I will explain how I have setup unit testing for a JavaScript module. It documents how I have added code coverage reports using Istanbul. In the next article I will explain how to integrate with a continuous integration (CI) server.

JavaScript unit testing with Mocha and Grunt

This is the first article in a series of three in which I will explain how I have setup unit testing for a JavaScript module. It documents the initial project setup and explains in a step-by-step fashion what I have done to get it up in running. In future articles I will explain how to add code coverage reports and integration with a continuous integration (CI) server.

Load Disqus comments on demand

When it came to adding comments to my blog I quickly decided on using Disqus to get the job done. It was easy to implement and I had seen it in use on many different website already. While I was quite happy with the result I wasn't too happy with the increase in page weight. On every visit to a page with comments enabled the Disqus code will pull in a lot of data. Because I am trying to build something light weight and friendly to people who have a slow connection or a fixed data allotment this didn't sit well with me. Let's see how we can make it into something that has a better user experience .

Track file downloads with Google's Universal Analytics

I wanted to track which version of the Radial Menu mixin was more popular. Since I already use Google Analytics for the page views it was logical to use it to track the file downloads. It took a couple of tries and wading through some poor examples on various websites before I had something that worked for me. In this article I will explain how I am counting file downloads using Google Analytics events.

Radial Menu mixin

In this article we will be creating a mixin to create the styles for a radial menu. The idea for the radial menu is not my own, I came across a demonstration of a radial menu by Permalight NYC and got inspired. The mixin will be used to create the styles for our menu elements and I will show how you can easily change the way the menu fans out just by playing with some custom data attributes. The examples are in LESS but at the end you can download the finished mixin in either LESS or SCSS format.