Category: “Tooling
  • 3 Amazing Linux Screencast Combo Apps For Youtube Video Production
    ToolingI recently set up a Linux Ubuntu system on my home computer and it’s been amazing.  It runs everything butter smooth and never crashed once so far.  One of the first things I need to set up are tools...
  • Lock Down Your Node Modules With NPM Shrinkwrap
    BeginnerThe Problem with non-deterministic dependencies You set up a new Node JS project, installed your dependencies with npm install and your app runs smoothly.  A week later, you decided to share your awesome project with your colleagues or friends, they...
  • How to Automatically Take Screenshots Of Your Site With TLapse
    JavascriptWhen you’re building a front end project, unless you’re committing very often, you probably want to see your progress for historical reasons.  Like the famous saying, there’s a tool for that.  TLapse is a NPM module that allows you...
  • Zero Configuration Live Reload Server
    Tips & TechniquesThis tutorial will go over how we can set up a live reload server to serve a static HTML project directory.  If you ever come across a situation where you need to rapidly prototype something but didn’t want to...
  • How To Create A Build System With NPM Scripts
    IntermediateIn this three part live coding series, we will create a simple build system that compiles our SCSS files down to a single CSS output.  We will also leverage the power of Browserify to recursively bundle all our Javascript...
  • My Visual Studio Code Setup
    PentaCode ExclusiveI’ve been asked by many people about the look of my code editor – Visual Studio Code.  If you never heard/tried it, I suggest you take a look at my Visual Studio Code article: 7 reasons why I switched...
  • Getting started with React with Create React App
    BeginnerIf you’re a Javascript developer, you probably heard of ReactJS by Facebook, there’s also a large chance of you experiencing javascript fatigue.  To combat this disease, Facebook released the “Create React App” tool to create a simplified “boilerplate” to...
  • Creating a LEMP stack with Docker Compose
    AdvancedIn this tutorial, we’ll set up a LEMP stack via Docker and Docker Compose.  If you need a refresher on what Docker is capable of, I recommend you to checkout the following first: First Look: Docker for MAC / OSX...
  • Improve code quality with JsHint
    BeginnerWhat is JsHint? JsHint is a code quality tool that helps detect errors and potential problems in your javascript code.  It can be used as a standalone command line tool, or a node module to use along side your Node...
  • Getting started with WebPack Dev Server (with ES6)
    IntermediateLately, Webpack is making noise around the web, especially in the React community.  In this tutorial, we’ll go over what Webpack is and how we can use it to create a super light weight, yet powerful Javascript boilerplate. What...
Loading...