pageres - Capture website screenshots

•    Javascript

---

Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images.See pageres-cli for the command-line tool.

page website site web url resolution size screenshot screenshots screengrab screen snapshot shot responsive gulpfriendly phantom phantomjs image svg render html headless capture pic picture png jpg jpeg

pageres-cli - Capture website screenshots

•    Javascript

---

Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images.See pageres for the programmatic API and issues tracker.

cli-app cli page website site web url resolution size screenshot screenshots screengrab screen snapshot shot responsive gulpfriendly phantom phantomjs image svg render html headless capture pic picture png jpg jpeg

gulp-load-plugins - Automatically load in gulp plugins

•    Javascript

---

Loads gulp plugins from package dependencies and attaches them to an object of your choice. You can then use the plugins just like you would if you'd manually required them, but referring to them as plugins.name(), rather than just name().

gulpfriendly gulp require load plugins

css-sprite - css sprite generator

•    Javascript

---

A css sprite generator. Generates sprites and proper css files out of a directory of images.

sprites sprite coordinates css scss less sass stylus gulpfriendly gruntplugin

svg-sprite - SVG sprites & stacks galore — A low-level Node

•    Javascript

---

It comes with a set of Mustache templates for creating stylesheets in good ol' CSS or one of the major pre-processor formats (Sass, Less and Stylus). Tweaking the templates or even adding your own custom output format is really easy, just as switching on the generation of an HTML example document along with your sprite. For an up-to-date list of browsers supporting SVG in general respectively SVG fragment identifiers in particular (required for <defs> and <symbol> sprites as well as SVG stacks) please refer to caniuse.com.

icon icons svg png sprite spritesheet stack generator css sass less stylus stylesheet inline html vector rwd retina mustache gulpfriendly

run-sequence - Run a series of dependent gulp tasks in order

•    Javascript

---

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. If you are hiring developers, you can support this project and future open source work by checking out our company, Qualified.io.

gulpfriendly pipe sequence gulp orchestrator

del - Delete files and directories

•    Javascript

---

Similar to rimraf, but with a Promise API and support for multiple files and globbing. It also protects you against deleting the current working directory and above.Support this project and improve your JavaScript skills with this great ES6 course by Wes Bos. Try his free JavaScript 30 course for a taste of what to expect. You might also like his React and Sublime course.

delete files folders directories del remove destroy trash unlink clean cleaning cleanup rm rmrf rimraf rmdir glob gulpfriendly file folder directory dir fs filesystem

globby - User-friendly glob matching

•    Javascript

---

Based on glob, but adds a bunch of useful features and a nicer API.Returns a Promise<Array> of matching paths.

glob nodejs patterns matching files directories globbing all array dirs expand filesystem filter find fnmatch folders fs globs gulpfriendly match matcher minimatch multi multiple paths pattern traverse util utility wildcard wildcards promise gitignore git

gulp-connect - Gulp plugin to run a webserver (with LiveReload)

•    CoffeeScript

---

If the http2 package is installed and you use an https connection to gulp connect then http 2 will be used in preference to http 1.

gulpfriendly connect livereload webserver server

favicons - Favicons generator for Node.js

•    Javascript

---

To use Favicons, require the appropriate module and call it, optionally specifying configuration and callback objects. A sample is shown on the right. The full list of options can be found on GitHub. The Gulp / Grunt wrapper modules have a few extra properties. You can also configure and use Favicons from the terminal with dot syntax.

favicon-generator generating-favicons favicon favicons ico generator node realfavicongenerator gulpfriendly

gulp-clean-css - Minify css with clean-css.

•    Javascript

---

This is just a simple gulp plugin, which means it's nothing more than a thin wrapper around clean-css. If it looks like you are having CSS related issues, please contact clean-css. Only create a new issue if it looks like you're having a problem with the plugin itself. See the CleanCSS options.

gulp clean-css css clean minify uglify minify-css gulp-minify-css gulp-clean-css gulpplugin gulpfriendly

main-bower-files - Getting all main bower files

•    Javascript

---

If first argument is type of String, Array or RegExp it will be used as a filter, otherwise it will be used as options. This will read your bower.json, iterate through your dependencies and returns an array of files defined in the main property of the packages bower.json.

bower gulp gulpfriendly gruntplugin

sprity - A image sprite generator

•    Javascript

---

A modular image sprite generator. Generates sprites and proper style files out of a directory of images.

sprites sprite coordinates css scss less sass sprity css-sprite gulpfriendly

vinyl-source-stream - :cyclone: Use conventional text streams at the start of your gulp or vinyl pipelines

•    Javascript

---

Use conventional text streams at the start of your gulp or vinyl pipelines, making for nicer interoperability with the existing npm stream ecosystem.Take, for example, browserify. There are the gulp-browserify and gulpify plugins, which you can use in combination with gulp to get browserify working in your build. Unfortunately, these plugins come with additional overhead: an extra GitHub repository, npm module, maintainer, tests, semantics, etc. It's much simpler in this case to use the original module directly where you can, which is what vinyl-source-stream handles for you.

vinyl gulp gulpfriendly vanilla stream string text classic

lazypipe - Lazily create a pipeline out of reusable components. Useful for gulp.

•    Javascript

---

Lazypipe allows you to create an immutable, lazily-initialized pipeline. It's designed to be used in an environment where you want to reuse partial pipelines, such as with gulp. This module returns a function that can be used to start building a lazypipe. Individual steps are added via the .pipe() method. At any point, a new lazypipe can be built by adding to an existing one, without affecting the previous lazypipe. Lazypipes can even be used as steps within another lazypipe.

gulpfriendly stream streams combine lazy pipeline gulp

gulp-batch - Event batcher for gulp-watcher

•    Javascript

---

Event batcher for gulp-watcher

gulp batch throttle debounce gulpfriendly watch mocha

gulp-bem - BEM toolset for gulp

•    Javascript

---

BEM toolset for gulp

bem gulp gulpfriendly

gulp-add-src - Add more 'src' files at any point in the pipeline (gulp plugin)

•    Javascript

---

Works like gulp.src, but you can put it anywhere in your pipeline and it will append the given files to the pipeline.If you want add SRC to begining of the SRC array, you can use addsrc.prepend. Or if you want to add SRC to end of the SRC array, you can use addsrc.append. Respectively instead of addsrc.

gulp gulpplugin gulpfriendly pipeline

vinyl-file - Create a Vinyl file from an actual file

•    Javascript

---

Returns a promise for a Vinyl file.Create a Vinyl file synchronously and return it.

vinyl fs file read virtual format gulp gulpfriendly

rev-del - :haircut: Delete old fingerprinted files

•    Javascript

---

Delete old, unused fingerprinted files from a revision manifest generated by a module such as gulp-rev. The manifests can be either objects or paths to files. oldManifest defaults to "rev-manifest.json" (which is the default output for gulp-rev), and newManifest has no default; it's assumed that you've got it in memory, so it's more efficient to pass it in as an object.

gulpplugin gulpfriendly rev revision hash version versioning