Tag: javascript

AniJS: Small Javascript animation library

AniJS logo

http://anijs.github.io/

From the AniJS website:

  • Include the AniJS library. 
    <script src="anijs-min.js"></script>
  • Optionaly you can include some CSS animation definitions. 
    <head>
    <!-- Animate.css library -->
    <link rel="stylesheet" href="http://anijs.github.io/lib/animationcss/animate.css">
</head>
  • Start playing by adding data-anijs tag to any HTML element. 
    <body>
    <header data-anijs="if: click, do: flipInY animated">
        header
    </header>
    <nav data-anijs="if: scroll, on: window, do: swing animated, to: footer">
        nav
    </nav>
    <div id="main" data-anijs="if: mouseover, on: body, do: swing animated">
        if: load, on: window, do: swing animated
    </div>
    <footer>
        footer
    </footer>
    <script src="anijs-min.js"></script>
</body>

Also check out AniJS Studio. A Chrome Extention for prototyping AniJS animations on any page.

Node Version Manager: Manage multiple active node.js versions

Node.js logo

https://github.com/creationix/nvm ᔥ

Commands

$ nvm [tab][tab]
alias        deactivate  install      ls                  run        unload
clear-cache  exec        list         ls-remote           unalias    use
current      help        list-remote  reinstall-packages  uninstall  version

Two Microsoft Windows alternatives:

  • nvmw – Requires Python and Git
  • nvm-windows – Written in Go. Installer available.

Flow: Open Source JavaScript Static Type Checker from Facebook

Flow logo

http://flowtype.org/

Example 1:

/* @flow */
function foo(x) {
  return x * 10;
}
foo('Hello, world!');

$> flow

hello.js:5:5,19: string
This type is incompatible with
  hello.js:3:10,15: number

Example 2:

/* @flow */
function foo(x: string, y: number): string {
  return x.length * y;
}
foo('Hello', 42);

$> flow

hello.js:3:10,21: number
This type is incompatible with
  hello.js:2:37,42: string