Grunt

GitHub - MathiasPaumgarten/grunt-bake: bakes parsed templates into files in order to ease the process of creating static pages.
Configuring tasks - Grunt: The JavaScript Task Runner. This guide explains how to configure tasks for your project using a Gruntfile.

If you don't know what a Gruntfile is, please read the Getting Started guide and check out a Sample Gruntfile. Grunt Configuration Task configuration is specified in your Gruntfile via the grunt.initConfig method. This configuration will mostly be under task-named properties, but may contain any arbitrary data. As long as properties don't conflict with properties your tasks require, they will be otherwise ignored.

Also, because this is JavaScript, you're not limited to JSON; you may use any valid JavaScript here. Task Configuration and Targets When a task is run, Grunt looks for its configuration under a property of the same name. Specifying both a task and target like grunt concat:foo or grunt concat:bar will process just the specified target's configuration, while running grunt concat will iterate over all targets, processing each in turn. Options The options object is optional and may be omitted if not needed.
GitHub - andismith/grunt-responsive-images: Produce images at different sizes for responsive websites.
GitHub - Pestov/essential-grunt-plugins: Living list of most useful plugins for Grunt.

How Browserify Works. Browserify is incredibly popular these days, and rightfully so.

In this article we'll look at the basics of how it works. Browserify uses the term entry file(s) to describe where it will start reading a dependency graph, and its output is referred to as a bundle. At its highest level, a Browserify bundle is simply an IIFE, or Immediately Invoked Function Expression. This is of course a simple mechanism to make code run as soon as it is loaded. The module map The first argument passed to the IIFE is a map, where the keys are unique numbers and the values are 2 element arrays.

As you can see, each module has been assigned a unique number id.
Drdk/grunt-dr-svg-sprites. Spring-cleaning Unused CSS With Grunt, Gulp, Broccoli or Brunch. The tough economic times on Tatooine hit everyone hard, including the Jawas.

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. In this write-up, we’ll take a look at build tasks you can use to remove unused CSS in your pages. Before we begin, I thought it would be useful to share some success stories just to demonstrate that the tools here can be used to make a difference. Unused CSS is a particular problem when working with a heavy modern UI framework such as Twitter Bootstrap, Zurb Foundation or Adobe TopCoat.

This is a problem that’s been previously highlighted by the PageSpeed team, who include removing unused CSS as part of their speed recommendations for the web:
Icagstrout/grunt-imagemagick. Grunt-cmd-transport. Jsoverson/grunt-preprocess. Allegro/grunt-maven-plugin. Grunt-contextualize. This plugin overrides configuration properties based on the current context, in order to re-use a single set of plugin targets for multiple contexts.

This is particularly useful when a plugin is already configured with multiple targets -- for example, to create one JavaScript or CSS file for the whole site, and one for each set of pages on a complex site. In these cases, creating and maintaining a distinct configuration for each combination of components (e.g. site-wide vs. home page) with build configurations (development vs. distribution) is burdensome. This plugin supports three modes (which can be mixed and matched): See the bottom of this README for examples of using each mode to modify SASS and Jade configurations. Alternatives:
Cbas/grunt-rev. OutaTiME/grunt-replace. Jnordberg/wintersmith. J'ai essayé Bower, l’outil de gestion des dépendances front-end. Pourquoi ?

Bower.json. Yeoman/grunt-usemin. Grunt-processhtml. Process html files at build time to modify them depending on the release environment Getting Started This plugin requires Grunt ~0.4.1 If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins.

If you don't know what a Gruntfile is, please read the Getting Started guide and check out a Sample Gruntfile. Grunt Configuration Task configuration is specified in your Gruntfile via the grunt.initConfig method. This configuration will mostly be under task-named properties, but may contain any arbitrary data. As long as properties don't conflict with properties your tasks require, they will be otherwise ignored. Also, because this is JavaScript, you're not limited to JSON; you may use any valid JavaScript here.