Gulp Build Postmortem

I finally had some time to do a complete rewrite of my jlGulp Starter Kit, eliminating the previous Ruby dependencies and removing compass entirely.  Along with that I was also able to add a few things on my wish list such as sourcemaps and a more flexible javascript task. If you would like to try out the …


Gulp Build System Part 3: Gulp File

In part three of this series we will create our actual build using the following Node.js modules: gulp-plumber, gulp-uglify, browser-sync, gulp compass, gulp-autoprefixer, del, gulp-rename. We will also set up tasks for css, compass-sass, javascript, html, browser-sync and show how to run gulp tasks in sequence for our final build.

Gulp Build System Fundamentals

Gulp Build System Part 1: Fundamentals

If in the past you have ever been intimidated or confused trying to set up a front-end build system you are not alone. A few years ago I had my first introduction to the process watching a video series on YouTube about Grunt.


How to add SublimeLinter and JSHint to Sublime Text

In this short video you will learn how to add SublimeLinter and JSHint to the extremely popular Sublime Text editor. One of the tools essential for enforcing good JavaScript code habits is JSHint.  JSHint is a forked version of JSLint originally created by Douglas Crockford. As Crockford once said at a Google Tech Talk that …

Sketch 3 Stroke Video

Mac Sketch 3: Stroke Width Workaround

UPDATE: Since this video, Bohemian Coding has removed “stroke width” as a path option.  Hopefully they will fix this feature and reintroduce it into the program. This quick tip will look at one ways to achieve great looking line width when illustrating characters in Mac Sketch 3 by Bohemian Coding. Check out the original illustration used …

Page 2 of 3123