Archive for the ‘Grunt’ Category

Using MySQL with Node.js & the mysql JavaScript Client

NoSQL databases are all the rage these days and probably the preferred back-end for Node.js applications. But you shouldn't architect your next project based on what's hip and trendy, rather the type of database to be used should depend on the project'...

An Introduction to Gulp.js

Posted on: No Comments
Developers spend precious little time coding. Even if we ignore irritating meetings, much of the job involves basic tasks which can sap your working day: generating HTML from templates and content files compressing new and modified images compiling Sa...

Organizing Your Grunt Tasks

The idea of breaking up your code into smaller bite sized chunks creates an environment that is easy to work in and maintain. That's often thought of as module design, and is a standard for web development these days. I'm going to show you a way you ca...

Component-Led Design Patterns with Nunjucks & Grunt

Posted on: No Comments
The following is a guest post by Morgan Feeney. Morgan and his colleagues went through a journey of trying to find the right code prototyping tools, and found that a Nunjucks based system worked well. I think it's a compelling choice! I'll let Morgan m...

Lazy Loading Images with the Igaro App JavaScript Framework

Posted on: No Comments
A while back I wrote about the Igaro App JS Framework (disclaimer: I'm the framework author). "Sigh! Not another framework" I hear you say (and probably rightly so). Well, let me tell you what sets Igaro app apart. Igaro App is NOT yet another framewor...

Getting M.E.A.N. With Trello and Zapier

Posted on: No Comments
When speaking of workflow tools, there's no doubt that both Trello and Zapier play a significant role in the lives of many developers. Trello manages tasks while Zapier automates them. This makes this pair a powerful combination. By the end of this art...

Meet Elixir, the Laravel Way of Compiling Assets

Posted on: No Comments
Many thanks to Jad Joubran, Gabriel Zerbib, Anthony Chambers, and Scott Molinari for peer reviewing this post, and thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! In today’s web applications, we use a wi...

Build and Publish Your Own Grunt Plugin

Posted on: No Comments
Grunt is a widespread and popular task runner for JavaScript. Its architecture is based on plugins that you can combine and configure to create a powerful build system for your web applications. The Grunt ecosystem is huge and offers hundreds of plugin...

Watch: Compiling Sass using grunt-contrib-watch

Posted on: No Comments
Learn how to use grunt’s sass, watch, and connect plug-ins to create a build system that opens a browser, and updates any change in html, or Sass code live in the browser. Loading the player... jwplayer("video-5760").setup({ image: "https://d...

Give Grunt the Boot! A Guide to Using npm as a Build Tool

Posted on: No Comments
Front-end build and workflow tools are available in abundance: Grunt, Gulp, Broccoli, and Jake to name but a few. These tools can automate almost anything you find yourself doing repeatedly in a project, from minifying and concatenating source files, t...