對Web開發人員有用的工具/框架/事件

BrowserSync

BrowserSync makes your workflow faster by synchronising URLs, interactions and code changes across multiple devices. It’s wicked-fast and totally free. Features: Action Sync - your scroll, click, refresh and form actions are mirrored too; Back-end Independence - ready to use with websites running on PHP, ASP, Rails and more; Instantly sync between your desktop, tablet and phone; Grunt and Gulp plugins; support Windows, MacOS and Linux. It's the best Live Reload tool ever.

npm install -g browser-sync

// Using a an IP based host
browser-sync --proxy "192.167.3.2:8001" --files "app/css/*.css"</code></pre> 
Imacss

A very useful thing with which you can easy to put all the images in your project into a Data URI with replacement in CSS.

npm install -g imacss

$ imacss "~/projects/webapp/images/*.{svg,png}" images.css</code></pre> 
or:

var imacss = require('imacss');

imacss
    .transform('/path/to/your/images/*.png')
    .on('error', function (err) {
        error('Transforming images failed: ' + err);
    })
    .pipe(process.stdout);</code></pre> 
simpleCart.js

 

No databases, no programming, no headaches. A simple javascript shopping cart that you can setup in minutes. It's lightweight, fast, simple to use, and completely customizable. All you need to know is basic HTML.

RAD.js

 RAD is a MV* mobile framework, whose main purpose is to relieve the developer from mobile routine. It allows to build a single-page application that looks and feels as a conventional multi-page one. It also takes over system-level tasks, such as message bus, creating and deleting certain part instances of the application, transactions between views, etc.

Fontprep

 Gteat open source Mac app for to help to creating icon fonts. 

Finally


Web port of very popular gameFlappy Bird. 

Webshim - modular capability-based polyfill-loading library.

PHP Live Regexp - handy tool for testing refular expressions.

scrollReveal.js или WOW - easily reveal elements as they enter the viewport.

ListOfMinimalistFrameworks.

Mongoose - one of the best (if not the best) ORM for MongoDB for Node.js.

Sequelize - very smart ORM for SQL-like DBMS for Node.JS.

Grid Animation - brilliantly grid animation.

Nanobar.js - simple progress bar.

Very useful jQuery Range Slider.
</ul>
來自：http://ipestov.com/awesomeness-and-usefulness-for-web-developers-12/