In the recent years front-end development has evolved from simple tasks like “upload files to FTP” to complex build processes including minification of CSS/JS, expansion of SASS and LESS, and more.
These tasks can be coordinated with tools like Gulp and Grunt. Tools which help you manage the process, but on the other hand add to the complexity of the workflow. This is why we created Buddy: to help developers manage, optimize and automate their workflow, or, in other words, introduce Continuous Delivery to their projects.
Objectives of this guide
In this tutorial we’ll show you how to turn SVG icons into a webfont with Gulp.js, use it with CSS in a web page, and automate the whole process with Buddy. The guide is divided into two parts:
Part 1: Generating webfont from SVG files — where you will learn how to create webfont from SVG files using Gulp.js.
Part 2: Automating Gulp tasks with Buddy — where you will learn how to automate the Gulp processes so that Buddy will execute your Gulp tasks every time you make a push to the repository.
To find out more, check our guide at: How to use Buddy to automate Gulp tasks and generate webfont from SVG files.
