1. Web Design
  2. Jade

Jade in 60 Seconds

This post is part of a series called 60 Second Video Tutorials.
Building a WordPress Theme in 60 Seconds
HTTP Status Codes in 60 Seconds

Jade is a language which compiles into HTML. There are three standout reasons to use it, which we’ll cover in 60 seconds!

Jade, Quickly

Jade is a language which compiles into HTML, with three standout reasons for using it.

One: it allows you to write in shorthand and develop faster and smoother. Take a look at this demo which shows some Jade syntax with its resultant output. Toggle the view compiled button to see what the equivalent HTML looks like.

Two: it works as a templating language. Create layouts and fill them in with different content. Append and prepend blocks of code onto existing templates. Save time and create flexibility by writing code once and then deploying it over and over.

Three: it adds logic. Use variables to hold config information for your site such as the Google fonts you want to import or whether you want to use jQuery. Use conditional statements to determine the code that gets output into your files.

Useful Resources

Learn more about Jade on Envato Tuts+.

Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.