Grunt build error behind proxy

While working on a project, I used the Yeoman webapp generator and selected; Bootstrap Sass, jQuery and Modernizr. Everything has worked well, the ‘grunt serve’ and ‘grunt test’ commands, however when I want to run the ‘grunt build’ command to upload the contents of my ‘dist’ folder to a web server, I get prompted with the following error:

Looking for Modernizr references in dist/styles/main.css >> svg
Downloading source files
A server error occurred attempting to download a file: 
Fatal error: connect ETIMEDOUT

I’m not sure if it’s something to do with my bower components or the proxy that I’m sitting behind?

At the moment, the workaround I’m using is to manually add the scripts (jQuery, Modernizr and Bootstrap) to the scripts folder then to link it to my html files. But surely there is a better way to do this?!

Grunt-Sass vs Grunt-Contrib-Sass

I was interested to find out what the differences were between Grunt-Sass and Grunt-Contrib-Sass.

Following on from my previous blog post on “Using Yeoman in your workflow“, it was brought to my attention during the Yeoman install when the interactive prompt asked if I wanted to use Libsass to compile Sass.

Yeoman generator Libsass prompt

So I recently asked on Twitter and received the following tweets. Thanks to @sindresorhus for the explanation.

Continue reading “Grunt-Sass vs Grunt-Contrib-Sass”

Using Yeoman in your workflow

There are tonnes of web development tools to help front-end developers these days that it can start to become overwhelming. I know I was! (Not gonna lie!). So before we begin, I thought I would go through some of the steps of using Yeoman in my web development workflow.

First you’ll need to get a clear picture on what you’d like to achieve and what your end result will be. For me, I wanted to re-design an existing static website to make it responsive (more about RWD on a future blog post).

Continue reading “Using Yeoman in your workflow”

YeoPress Review

YeoPress: A Yeoman Generator for WordPress by Wesley Todd

I won’t go into too much detail to explain what YeoPress does but you can read more about it from the creator himself, Wesley Todd. YeoPress: A Yeoman Generator for WordPress, basically installs WordPress via the Command Line/Terminal. It’s also assuming that you’re working locally (which is a good start for developing WordPress themes). So you still need to create your database and you have to know what your database username and password will be (this is to set up your wp-config.php file) For example: Database Username: root, Database Password: empty). Be sure to check your database privileges for editing access too. The steps described by Wesley are easy to understand and the instructions set up are pretty straightforward.

Continue reading “YeoPress Review”

Grunt Boilerplate

What is Grunt? Grunt is a JavaScript Task Runner.

As written on Grunt JS

Why use a task runner?
In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you’ve configured it, a task runner can do most of that mundane work for you—and your team—with basically zero effort.”

Continue reading “Grunt Boilerplate”