Skip to main content
CSS is fun and cool and I like it.

Let’s Give Grunt Tasks the Marie Kondo Organization Treatment

We live in an era of webpack and npm scripts. Good or bad, they took the lead for bundling and task running, along with bits of Rollup, JSPM and Gulp. But let’s face it. Some of your older projects are still using good ol’ Grunt. While it no longer glimmers as brightly, it does the job well so there’s little reason to touch it.

Though, from time to time, you wonder if there’s a way to … Read article “Let’s Give Grunt Tasks the Marie Kondo Organization Treatment”


Component-Led Design Patterns with Nunjucks & Grunt

Recently I was involved with the creation of an in-house system for building HTML prototypes intended to act as a reference point for an eCommerce CMS called Hybris. It started out simple, with PHP. As the team grew, so did the codebase, this eventually made things untidy, giving me sleepless nights.

We used PHP at first because:
  1. Includes. PHP include()s allow reusable chunks of code to be created. For example: headers, footers, and components.
  2. Familiarity. candidates were being recruited
Read article “Component-Led Design Patterns with Nunjucks & Grunt”

Grunt for People Who Think Things Like Grunt are Weird and Hard

Front-end developers are often told to do certain things:

  • Work in as small chunks of CSS and JavaScript as makes sense to you, then concatenate them together for the production website.
  • Compress your CSS and minify your JavaScript to make their file sizes as small as possible for your production website.
  • Optimize your images to reduce their file size without affecting quality.
  • Use Sass for CSS authoring because of all the useful abstraction it allows.

That’s not a comprehensive list … Read article “Grunt for People Who Think Things Like Grunt are Weird and Hard”