반응형

Ocrad.js: Optical character recognition for JavaScript

ocrad.js

GitHub: https://github.com/antimatter15/ocrad.js
Demo Page: http://antimatter15.github.io/ocrad.js/demo.html

 

OCR in Javascript via Emscripten

 

 

 

반응형
반응형

countUp.js: More interesting animated counters

countup

반응형
반응형

Angular-deckgrid: A masonry-like grid for Angular JS

deckgrid

 

A lightweight masonry-like grid for AngularJS.

반응형
반응형

Headroom.js

Give your pages some headroom. Hide your header until you need it.

 

Headroom.js: Hide your header till you need it

 

 

Headroom.js: Hide your header till you need it

headroom.js

반응형
반응형

Grasp: Search and replace JavaScript based on structure

grasp.js

Homepage: http://graspjs.com/
GitHub: https://github.com/gkz/grasp/
Docs: http://graspjs.com/docs/
Demo Page: http://graspjs.com/#demo

 

JavaScript structural search, replace, and refactor

 

grasp

JavaScript structural search, replace, and refactor.

Demo, documentation, and more: graspjs.com.

Install: npm install -g grasp.

grasp --help for help.

MIT license.

반응형
반응형

Slip.js — UI library for manipulating lists via swipe and drag gestures

 

 

Slip.js: Simple touch screen list re-ordering

slipjs

반응형
반응형

Koa: A next-gen Node.js web framework

koa

 

Expressive middleware for node.js using generators

 

Expressive middleware for node.js using generators via co to make web applications and APIs more enjoyable to write. Koa's middleware flow in a stack-like manner allowing you to perform actions downstream, then filter and manipulate the response upstream. Koa's use of generators also greatly increases the readability and robustness of your application.

Only methods that are common to nearly all HTTP servers are integrated directly into Koa's small ~400 SLOC codebase. This includes things like content-negotiation, normalization of node inconsistencies, redirection, and a few others.

No middleware are bundled with koa. If you prefer to only define a single dependency for common middleware, much like Connect, you may use koa-common.

Installation

$ npm install koa

To use Koa you must be running node 0.11.9 or higher for generator support, and must run node(1) with the --harmony flag. If you don't like typing this, add an alias to your shell profile:

alias node='node --harmony'

Another option, if you would like to use koa with node 0.10.x (the current stable branch), or are tired of typing the --harmony flag, is to use gnode to spawn your node instance. However note that performance degrades quickly compared to 0.11.x.

Community

 

반응형
반응형

Zepto Builder: A web based Zepto customizer

zeptobuilder

Zepto Builder will let you generate a custom version of Zepto that just includes the modules you need.

 

Getting started

After cloning (or downloading) the repo you must run npm install to fetch all dependencies, when this is done all Bower packages will automatically be downloaded and a browser build of Uglify will be created. Needless to say, for this to work you will need to have Node.js and Bower installed on your machine.

Grunt task

Grunt is used to create a distribution build. By running the default Grunt task it will optimize all resources and store them in the dist folder. The files located in this folder are prepared to be uploaded / deployed as is.

Under the hood

So, how does this tool actually work? Well, altough Zepto offers a CLI-based build tool I have decided to make it client-side only, based on DownloadBuilder. The process from selecting the modules to actually generating the build (and minify it) is:

  • all available Zepto module metadata (i.e. name, size and URL) is dynamically fetched from GitHub and cached (for now this is session based);
  • the module descriptions are mapped via a static JSON file (assets/json/modules.json) and are shown when hovering the table rows;
  • based on ones selection the modules will be fetched from GitHub and concatenated by DownloadBuilder
  • the minification process is handled by a browser build of Uglify
반응형

+ Recent posts