Gulp

Craig Buckler provides a quick tutorial describing how to update v3 gulpfile.js configurations to v4 — now that Gulp.js version 4 has finally (after a five-year wait!) become the npm default.

Gulp 4 + Webpack 4 + Babel + BrowserSync + Font Awesome 5 (Modern JavaScript + Sass/CSS) - IamManchanda/gulp-webpack

gulp-srcset - Highly customizable plugin to generating responsive images.

This tutorial covers how to upgrade a Gulp project from ES5 to ES2015 (ES6) using my experience with...

Hugo shows us the bare essentials of what we could include in making a Gulp workflow for Sass.

Во всех современных системах сборки фронтенда есть режим watch, при котором запускается специальный ...

fontmin - Minify font seamlessly

Frontend с каждым днём становится сложнее. Задачи — объёмнее, пользовательский интерфейс — насыщенне...

Я потратил прилично времени на структуризацию и автоматизацию сборки фронта. Задача это интересная и...

With run-sequence I can easily group tasks to ensure they are done before setting off other tasks!

В этой статье мы подробно разберем процесс сборки фронтенд проекта, который прижился в моей повседне...

gulp-sourcemaps - Source map support for Gulp.js

Эта статья которая поможет вам разобраться в том как использовать вместе Gulp и Browserify и почему ...

Optimizing your website assets and testing your design across different browsers is certainly not the most fun part of the design process. Luckily, it consists of repetitive tasks that can be automated with the right tools to improve your efficiency.

If you want to change the application from Sublime Text 2 to another editor, simply open the application in AppleScript Editor and change out "Sublime Text 2" for your application of choice.

gulp-cheatsheet A cheatsheet for gulp.

If you are a front-end developer like we are you might love setting up and maintaining the build workflow like we do. Not at all. Fiddeling around with grunt or the new and fancy gulp.js config files is no fun so a lot of boilerplates were set up to help you.

Runs a sequence of gulp tasks in the specified order. This function is designed to solve the situation where you have defined run-order, but choose not to or cannot use dependencies. This is intended to be a temporary solution until orchestrator is updated to support non-dependent ordered tasks.

gulp is simply vinyl, vinyl-fs, orchestrator, a CLI, and a set of guidelines to help people make good plugins. Even with a tiny feature set, it has completely disrupted the build tool ecosystem and kicked off a new wave of awesome projects that are revolutionizing your workflow.

One weekend, I decided to really immerse myself in Grunt and RequireJS. Gotta stay up on these things right? Done. Then Monday rolls around, “and just like that Grunt and RequireJS are out, it’s all about Gulp and Browserify now.”

I love Markdown and I can turn it to a beautifully looking HTML layouts. I'm built and distributed as a Node.js module. Gulp.js is the base that I'm staying on. If you do not want to use a database to store your content, I can help you.

gulp-remember is a gulp plugin that remembers files that have passed through it. gulp-remember adds all files back into the stream it has ever seen. gulp-remember pairs nicely with gulp-cached when you want to only rebuild those files that changed, but still need to operate on all files in the set.

Delivering a fast experience on the web usually involves reducing server response time, minification of CSS/JS/HTML and an optimisation of images and above-the-fold content. We can further minimize the latency caused by stylesheet loading by removing unused CSS rules delivered to the client.

tldr: steal our gulpfile.js. It’s at the bottom. We build a lot of AngularJS apps that sit in front of JSON APIs. Sometimes they’re deployed together, sometimes they’re not.

Gulp.js это потоковый сборщик проектов на JavaScript, интересная альтернатива Grunt.js.

Delays in performance have the potential to impact user engagement, experience and revenue. Thankfully, Google's 'Make The Web Faster' team recommend a set of best-practice rules for keeping your pages lean, fast and smooth.

Once you have installed gulp, you can now begin writing the tasks that you would like to automate. These tasks could include (but are not limited to) concatenating files, compiling SASS, minifying JavaScript, or linting your code.

The dev, staging and production versions of our projects can vastly vary, which is one reason we may need to change paths to resources (scripts/styles/templates), generated markup or other content based on environment and target-specific information.

This keeps an in-memory cache of files (and their contents) that have passed through it. If a file has already passed through on the last run it will not be passed downstream. This means you only process what you need and save time + resources.