css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.

Posts tagged gulp

Feeding JSON data to Jade templates from a Gulp script

Suppose you build something with Gulp using Jade templates. Suppose you have some data you've put to JSON. Lots of reason to do that. As succint as Jade is compared to HTML it's still not...

Using Jade with Gulp

In this tutorial I'm going to step you through how to setup the awesome Jade Template Engine using the build system gulp. But first, a brief introduction on why someone would want to use Jade.


How I Modularize JS patterns using Browserify and Vue.js

I've been working on an effective way to streamline the way an application registers modules. All you really need is a few lines of code to create a simple module detector!

  This is the...

Rocking Static Sites with Mimogear

Crank up the Torque

Metal Gear Rock

Day by day we rock the development world. Our pens can make us smile, strike a curious chord, and tell a charming story. Our projects can spark creativity, ...

NPM Scripts and My Decision to Drop Gulp

I have spent time using Grunt. I have spent a bit more time with Gulp. But now, after being shown the capabilities of using NPM scripts, I am making the switch to NPM as my build tool of choice.


Writing better CSS: my top 5 tools

Before I began my first job as a front-end developer, one of the things I really struggled with was knowing how I should be structuring my CSS.

Every site I was making at this point was quite...