A curated list of workflow tools for front-end developers to speed up our existing workflow processes and take it to the next level.
If you want to contribute, please comment and your resource will be added.
[starlist]- Yeoman is a robust and opinionated set of tools, libraries, and a workflow that can help developers quickly build beautiful, compelling web apps.
- Grunt is a task-based command line build tool for JavaScript projects.
- Web development is getting complex. Let’s go shopping.
- GruntStart: A Grunt-enabled head-start with the H5BP, jQuery, Modernizr, and Respond. The building blocks to quickly get started with Grunt to create an optimized website.
- A beginner’s guide to Grunt
- Grunt – Synchronised Testing Between Browsers/Devices
- Gulp is a build system that makes use of node’s streams.
- Mod is a task-based workflow tooling for web, it help developers quickly build robust and high-performance web applications.
- Brunch is an assembler for HTML5 applications. It‘s agnostic to frameworks, libraries, programming, stylesheet & templating languages and backend technology.
- FIS: A front-end integrated solution which included automation tool, development framework, development environment
- Roots A light, super fast, and intuitive build system meant for rapid advanced front end development.
- Sparky.js is a client-side application scaffold which helps those who want to have organized structure in their app, but don’t want to subscribe to a particular client-side MVC framework.
- Mimosa is a batteries included modern web development toolkit. Bower, RequireJS, Transpilers, Pre-Processors, Micro-Templating, Linting, Optimization, Serving. To start.
- Automaton: Task automation tool built in JavaScript.
- Cartero: A modular client side asset manager.
- Front-end Process – Flat Builds and Automation
- CSSCSS: A CSS redundancy analyzer that analyzes redundancy.
- Helium: JavaScript tool to scan your site and show unused CSS.
- JSLint for detecting errors or problems by static analysis of JavaScript programs.
- JSHint for more flexible static analysis of JavaScript programs.
- JSLint Error Explanations for explanations of the warnings given by JSLint and JSHint.
- ImageOptim-CLI: Make lossless optimisation of images part of your automated build process.
- jpegoptim: Utility to optimize/compress JPEG files.
- Pngcrush is an optimizer for PNG (Portable Network Graphics) files.
- Glue is a simple command line tool to generate CSS sprites.
- Wraith is a screenshot comparison tool.
- Penthouse: Critical path CSS generator.
- Browser-sync: is a tool to sync all input, scrolling, and clicking across all the devices in your testing workflow.
- Video: JavaScript Development Workflow of 2013 by Paul Irish + Slides
