web static generator

https://github.com/jekyll/jekyll

http://octopress.org/

http://wintersmith.io/

http://blog.getpelican.com/

(Read More..)

pageres

Takes 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.

https://github.com/sindresorhus/pageres

(Read More..)

Managing Your Build Tasks With Gulp.js

http://code.tutsplus.com/tutorials/managing-your-build-tasks-with-gulpjs--net-36910

(Read More..)

Supercharging your Gruntfile

http://www.html5rocks.com/en/tutorials/tooling/supercharging-your-gruntfile/

(Read More..)

node-webgl

https://github.com/mikeseven/node-webgl

(Read More..)

strip-debug

https://github.com/sindresorhus/strip-debug
https://github.com/sindresorhus/gulp-strip-debug
https://github.com/sindresorhus/grunt-strip-debug

Strip console and debugger statements from JavaScript code

(Read More..)

grunt-uncss

A grunt task for removing unused CSS from your projects.

https://github.com/addyosmani/grunt-uncss

(Read More..)

Introduction to HTML5 Desktop Apps With Node-Webkit

http://dev.tutsplus.com/tutorials/introduction-to-html5-desktop-apps-with-node-webkit--net-36296
https://github.com/rogerwang/node-webkit
https://speakerdeck.com/zcbenz/node-webkit-app-runtime-based-on-chromium-and-node-dot-js
http://strongloop.com/strongblog/creating-desktop-applications-with-node-webkit/
http://oldgeeksguide.github.io/presentations/html5devconf2013/wtod.html#/

(Read More..)

Grasp.js

Grasp is a command line utility that allows you to search and replace your JavaScript code - but unlike programs such as grep or sed, it searches the structure behind your code (the abstract syntax tree), rather than simply the text you've written - this allows you to:

• Search your code with unparalleled power
• Quickly and easily refactor your code
• Implement basic macros in a single line

Latest blog post: Refactoring your JavaScript code with Grasp

 

 

http://graspjs.com/

(Read More..)

Gulp, Grunt, Whatever

http://blog.ponyfoo.com/2014/01/09/gulp-grunt-whatever

(Read More..)

grunt-uncss

https://github.com/addyosmani/grunt-uncss/releases/tag/v0.1.6

(Read More..)

Grunt for People Who Think Things Like Grunt are Weird and Hard

http://24ways.org/2013/grunt-is-not-weird-and-hard/

(Read More..)

Koa next generation web framework for node.js

http://koajs.com/

(Read More..)

Cloud9 IDE

You can clone with HTTPS, or Subversion.

Cloud9 IDE - The modern IDE built on Node, JavaScript and HTML5. This is the OSS component of the broader service option at c9.io

http://c9.io

https://github.com/ajaxorg/cloud9/

(Read More..)

ImageOptim-CLI

https://github.com/JamieMason/ImageOptim-CLI

(Read More..)

Esrever Build status

https://github.com/mathiasbynens/esrever

(Read More..)

vnc-over-gif

Serves screen updates as animated gif over http. Based on node-gif by Peteris Krumins and node-rfb2

https://github.com/sidorares/vnc-over-gif

(Read More..)

timer.js

Timer.js is a periodic timer for Node.js and the browser.

https://github.com/fschaefer/Timer.js

(Read More..)

Scripted : Javascript Editor from vmware

What is Scripted?

Scripted is a fast and lightweight code editor with an initial focus on JavaScript editing. Scripted is a browser based editor and the editor itself is served from a locally running Node.js server instance.

What are the key features?

• Fast startup, lightweight.
• Syntax highlighting for JavaScript, HTML and CSS.
• Errors and warnings:
  • JSLint is integrated to provide error/warning markers on JavaScript code.
  • AMD and CommonJS module resolution: there is basic resolution where unresolved references will be marked as errors.
• Content assist:
  • Basic content assist for HTML, CSS
  • For JavaScript, content assist is driven by a type inferencing engine which is aware of AMD/CommonJS module dependencies and also uses JSDoc comments to help it understand the code.
• Hovers: hovering over a JavaScript identifier will bring up the inferred type signature.
• Navigation:
  • press F8 on an identifier (that the inferencer has recognized) and the editor will navigate to the declaration.
  • this also works on module identifiers (e.g. in define() clauses)
• Formatting: JSbeautify is integrated
• Sidepanel: alongside the main editor a sidepanel can be opened - currently this can be used to host a second editor.
• Key binding to external command: Key bindings in the editor can invoke external commands (less, mvn, etc)

The editor is actually the Eclipse Orion editor with a few additional bells and whistles. Anyone familiar with editing in Eclipse will immediately know many of the key bindings the Scripted editor supports.
Many of these are covered in this introductory screencast:


https://github.com/scripted-editor/scripted

(Read More..)

HARDENING NODE.JS FOR PRODUCTION PART 2: USING NGINX TO AVOID NODE.JS LOAD

http://nodejs.davidherron.com/2012/08/hardening-nodejs-for-production-part-2.html

(Read More..)