How I concatenate header, footer for html web development using gulp

I often like to start new sites with a mock up that is strictly html. I get html templates from sites like Theme Forest so they are already designed for me. All I do is modify it to fit the theme of my new site.

The biggest pain is that most of these html files have the header and footer in them so looking at the files one at a time look great but when I want to start my modifications, I’m looking for a way to make a change in the header or footer section once and then see it in all of my new pages.

Here’s what I’m doing to get this done today, it’s simple, easy to implement and trimmed down to just the basics to get going. I really love gulp and doing html mockups in real-time is a dream come true.

Continue reading “How I concatenate header, footer for html web development using gulp”