Javascript

Client side javascript and frameworks

Articles

OOP

Misc.

Animation

  • Choreographer-js - A simple library to take care of complicated animations.
  • Anime - A flexible yet lightweight JavaScript animation library.
  • Kute.js - Animation engine with top performance, memory efficient & modular code.

Awesome stuff

Useful libraries and plugins

Carousel

  • Siema - Lightweight and simple carousel with no dependencies

DOM

  • RE:DOM - Tiny turboboosted JavaScript library for creating user interfaces
  • Superdom.js - Manipulate the DOM like it's 2016

Filter and sort

Editors

Presentation frameworks

Tools

Touch and gestures

User interface

  • Animsition - A simple and easy jQuery plugin for CSS animated page transitions
  • Barba.js - Fluid and smooth transition between your website's pages
  • Choices.js - Lightweight, configurable select box/text input plugin
  • egjs - A set of UI interactions, effects and utilities components library
  • Ensure - Ensure animation runs until class loaded
  • Force.js - Easy way to scroll and animate your page in vanilla javascript
  • Headroom - Hide your header until you need it
  • in-view - Get notified when a DOM element enters or exits the viewport
  • multi.js - user-friendly replacement for select boxes with multiple attribute enabled
  • Progress Bar - Create responsive and stylish progress bars
  • Rellax - Lightweight, vanilla javascript parallax library
  • Select2 - The jQuery replacement for select boxes
  • SmoothState page transitions (introduction article on CSS-Tricks)
  • StickyBits - Lightweight alternative to position: sticky polyfills
  • Stretchy - Form element autosizing, the way it should be.
  • Tooltipser
  • Zoom.js - Medium's Image Zoom (no dependencies, IE 10+)

Testing

  • Buster.JS - A browser JavaScript testing toolkit.
  • Intern - Software testing for humans.
  • Jasmine - A behavior-driven development framework.
  • Karma
  • Mocha - Simple, flexible, fun.
  • Nightwatch.js - Browser automated testing done easy.
  • QUnit - A JavaScript Unit Testing framework.

Views

  • Omniscient - Do fast top-down rendering of views while thinking functional programming
  • Riot - Simple and elegant component-based UI library

VR

Charts and graphs

Misc.

Panorama

Frameworks

Check out TodoMVC for real examples!

Good reads about MVC Frameworks

MVC - Angular

MVC - Ember

MVC - Vue

Interactive Libraries

HTML5 Spotlight

Node

  • Cyclotron, a web application for constructing dashboards.
  • Express application framework
  • Feathers open source REST and realtime API layer for modern applications
  • Ghost publishing platform
  • Hexo bloging framework
  • Koa next generation web framework for node.js
  • Next minimalistic framework for universal server-rendered React application
  • Nodal API services made easy
  • Passport unobtrusive authentication
  • ROOTS toolbox
  • Sails realtime framework
  • Snyk find & fix known vulnerabilities
  • Wintersmith static site generator

Update Node.js

The easiest way to update node through npm (by David Walsh):

sudo npm cache clean -f
sudo npm install -g n
sudo n stable

Security

D3

JS Fun

Wrapper

(function (window, document) {

    'use strict';

    // Code here please :)

}(this, this.document));

Module

var module = function() {

    'use strict';

    var variable = 'hello';

    function hello(what) {
        return variable + ' ' + what;
    }

    return {
        say: hello
    }
};

var hello = new module();
console.log(hello.say('world'));