JointJS - JavaScript diagramming library.
Create interactive diagrams in JavaScript easily. JointJS plugins for ERD, Org chart, FSA, UML, PN, DEVS, LDM diagrams are ready to use.
Installable Web Apps May Be the Future of the Open Web
Installable web apps are apps that can be installed on phones or tablets outside of the device's app store. They also may be the future of the open web and apps in general.
Unit testing React components without a DOM
When unit testing React components the common approach has been to render them into a DOM (with something like jsdom) and run some assertions against them with the help of the React TestUtils.
This has changed in 0.13 where an early implementation of shallow rendering is now ready to use.
Scaling Isomorphic Javascript Code | Nodejitsu Inc.
Nodejitsu blog provides high quality articles about Node.JS, javascript and npm
UX Project Checklist
Start your next UX project with this checklist and don't forget about anything!
Articles – Sara Soueidan – Freelance Front-end Web Developer
Freelance Front-End Web Developer - Lebanon
Functional Reactive React.js — Medium
A brief journey into reactive interfaces with FRP and React.js
How to build a React JS test suite
Learn how to setup a test suite for React JS with Jest and Webpack....
Don’t Build Pages, Build Modules — eBay Tech Blog
Rethinking eBay’s frontend engineering and architecture stack
How to Test Browsers on Virtual Machines from Modern.IE
Testing multiple versions of Internet Explorer is possible from any OS including Mac and Linux using free VMs from modern.ie.
12 HTML5 tricks for mobile | Web design | Creative Bloq
The mobile web is a strange world: dozens of browsers, versions, screen sizes, undocumented features, bugs and new problems. That is why, in some situations, we need to break some limits to accomplish our objectives. If you learn at least three new tricks while reading this article, my goal will ...
Introduction to Service Worker: How to use Service Worker - HTML5 Rocks
Service Worker will revolutionize the way we build for the web. Learn about what it is, why it is important and how to use it.
Bacon.js blog: Structuring Real-Life Applications
Tips for authoring fast-loading HTML pages
These tips are based upon common knowledge and experimentation.
Introduction to IndexedDB: The In-Browser Database
Is dealing with databases on a browser your idea of a bad nightmare? Craig implements an in-browser document database called IndexedDB to create, read, ...
laroux.js - Demos
interact.js - JavaScript drag and drop, resizing and gestures with inertia and snapping
interact.js is a standalone javascript module for handling single-pointer and multi-touch drags and gestures with powerful options such as inertia and snapping to grids or custom coordintes
Webinar Archive – Designing Front End Applications with Core.async
STRUCTURE - A declarative grid framework
The Anti-hero of CSS Layout -
Anti-hero - a central character in a story, movie, or drama who lacks conventional heroic…
Cardinal • Build more with less.
Cardinal is a small, “mobile first” CSS framework for front-end developers who build responsive web applications. It focuses on performance, accessibility, and readability first.
Getting Started with SASS (with interactive examples)
How to Make a Sidescroller game with HTML5
Casual, simple 2D games can sometimes be more popular that overly complex million dollar productions. This is not either a good or a bad thing, it's just how pe
hello.js - Javascript OAuth and REST library
A client-side Javascript SDK for authenticating with OAuth2 (and OAuth1 with a oauth proxy) web services and querying their REST API's. HelloJS standardizes paths and responses to common API's like Google Data Services, Facebook Graph and Windows Live Connect. It's modular, so that list is growin...
Supercharge Your App Development with Ionic and AppBuilder -
Ionic is slick. If you’re haven’t heard of it, Ionic is a UI framework that helps you build beautiful iOS and Android apps based on Cordova. Go ahead and peruse their UI components to see the powerful UIs you can build with a small amount of code. But although Ionic’s UI is top notch, the …
Building OS X Apps with JavaScript by Tyler Gaw
Tyler Gaw is a Freelance Web Designer & Developer in Brooklyn, New York
Mobile - Table of contents
CSS polyfills from the future | GSS
Matthias Georgi; Patroon, part 2
Matthias Georgi: Patroon
An Introduction to WebDriver Using the JavaScript Bindings - Tuts+ Code Tutorial
While unit tests are certainly valuable for modern web applications, at some point, as your application grows, you'll find bugs crop up which weren't caught by a unit test but would have theoretically been caught by an integration/acceptance test.

Should you wish to follow a testing strategy wh...
Learning Gulp: Getting started with the Front End Factory
Building UIs with ReactJS - YouTube
An introduction into ReactJS and how it works with code demos
Bubble.js: A 1.6K Solution to a Common Problem - Tuts+ Code Tutorial
One of the most common tasks in web development is event management. Our JavaScript code is usually listening to events dispatched by the DOM elements.

This is how we get information from the user: That is, he or she clicks, types, interacts with our page and we need to know once this happen. A...
CSS Guidelines (2.1.3) – High-level advice and guidelines for writing sane, manageable, scalable CSS
High-level advice and guidelines for writing sane, manageable, scalable CSS
Centering in CSS: A Complete Guide | CSS-Tricks
Centering things in CSS is the poster child of CSS complaining. Why does it have to be so hard? They jeer. I think the issue isn't that it's difficult to d
Browserify All The Things
This talk is about how to use browserify to develop front-end modular code using Common.JS, and how those modules should be documented, designed, and released using an automated build system. In order to explain these concepts I'll walk you through a few of my own open-source creations, highlight...
Advanced objects in JavaScript • Bjorn Tipling
This posts looks beyond everyday usage of JavaScript’s objects. The fundamentals of JavaScripts objects are for the most part about as simple as using JSON notation. However, JavaScript also provides sophisticated tools to create objects in... | Bjorn Tipling | Software Engineer at @floobits
Pure CSS parallax scrolling websites | Keith Clark
Collection of Best JavaScript Libraries for 2014 - Code Geekz
A JavaScript library is a library of pre-written JavaScript which allows for easier development of JavaScript-based applications, especially for AJAX and other web-centric technologies. The primary use of JavaScript is[...]
Meteor is F***ing Awesome
Meteor blurs the line between client and server, and actually takes advantage of the fact that it’s all Javascript. Methods are functions that can be invoked from the client, the server, or both. With Meteor, you’re actually sharing big chunks of code between the client and server. While it’s pos...
A JavaScript Build System Shootout: Grunt vs. Gulp vs. NPM - Modern Web
Nicolas Bevacqua dives into the task of choosing a JavaScript Build System. He compares the big three: Grunt, Gulp and NPM and discusses the benefits and drawbacks of each. By Nicolas Bevacqua Deciding on a technology is always hard. You don’t want to make commitments you won’t be able to back ou...
A real-world website developer framework :: Responsive
A super lightweight HTML, SASS, CSS, and JavaScript framework for building responsive websites
Frameworks like Bootstrap and Foundation are too design opinionated and heavy. They're great for prototyping but every time you start a real, front-facing, project with them you have to overwrite lots o...
The Shapes of CSS
cujoJS: Javascript architectural toolkit
Flight by Twitter
A lightweight, component-based JavaScript framework for assigning behavior to DOM nodes.
Valuable — A Data Model for React — Medium
Facebook’s React has helped to fundamentally change the way we think about developing user interfaces for the web. Instead of an…
The Web Manifest specification | HTML5 Doctor
Ocrad.js - Optical Character Recognition in Javascript
React | Flux: An Application Architecture for React
A JavaScript library for building user interfaces
JavaScript Promises Are Cool | Keyhole Software
An introduction to JavaScript Promises with simplistic examples of a single promise, a promise chain, and a parallel promise of promises.
The Refactoring Tales -
Metalsmith
An extremely simple, pluggable static site generator.
Mithril
mercury
Click here to edit the title
MVC in a Reactive World | Computationally Endowed
Spiros Eliopoulos. Blog Posts, Projects, Past Gigs, & Publications.
Matt Zabriskie - React: Referencing Dynamic Children
React: Referencing Dynamic Children
Node Webkit powered Dashboard application
In this post, we will be building a full fledged desktop application using node webkit and web technologies. We are going to build a dashboard app called myDashboard. The app will show the Weather report, Google Map, Flickr images and a Calendar.

ContentsPrerequisitesGetting StartedBegin Develop...
Observable - It's watching
Blazing Fast HTML
Trumbowyg : a lightweight WYSIWYG editor
Trumbowyg is a jQuery plugin for create WYSIWYG editor
A Thrown-to-the-Wolves-Hands-On Introduction to React
There are some great React overview posts (which I will link to at the bottom of this post), so I wanted to try something a bit different. Having used other...
taggingJS
Bower: Why Front-End Needs a Package Manager — Frontend Babel
Artem Sapegin, a developer for Badoo, runs through the basics of Bower, how it's used and why it's a necessary part of a modern front-end development workflow. He also covers some more advanced topics, like publishing packages.
{Track:js} Javascript Error and Event Logging
JavaScript Error and Event Tracking for Modern JavaScript Websites and Applications.
App.js | Mobile webapps made easy
Breach - A browser for the HTML5 era
Deb.js: the Tiniest Debugger in the World - Tuts+ Code Tutorial
Using the proper tools and instruments will help you to debug your web apps painlessly, all from within the browser. Today, let's take a look at Deb.js, a library designed to help you do just that. | Difficulty: Beginner; Length: Medium; Tags: Web Development, HTML/CSS, Debugging, Google Chrome, ...
QuickStart
Routie | Javascript hash router
Pink - Single Page App framework
Incredibly Fast UI Animation Using Velocity.js
This article introduces Velocity.js, a library that aims to provide very fast JavaScript based animations.
Introduction - Material Design - Google design guidelines
Giving Animations Life — Tictail Makers — Medium
Using Bounce.js and classical animation concepts to bring life to user interfaces.
WebRTC Experiments & Demos ® Muaz Khan
WebRTC Demos & WebRTC Experiments. Audio/Video/Screen Hangout & Conferencing; Audio/Video Recording; Screen/Data/and FileSharing; Media Servers & Signaling e.g. XMPP, SIP, WebSockets, Socket.io, WebSycn, SignalR etc. Translator.js; ffmpeg.js; RTCMultiConnection.js; RecordRTC.js; MediaStreamRecord...
Cross-Domain LocalStorage
As you may know, LocalStorage is domain based. You can't read or write from localstorage that's on different domain, even if that's subdomain. But there is iframe trick that you can use to store da...
Menus with a sliding marker
Framer - Innovative Prototyping
Invent, design and experiment with interaction.
Licon - Lightness and Useful icons with Pure CSS3
Licon is Lightness and Useful icons with Pure CSS3.
Animated WebP - how to convert animated GIF to WebP and save up to 90% bandwidth
Learn how to convert animated GIF to WebP animation on-the-fly, and save up to 90% on file size and bandwidth, with Cloudinary’s image management service
Web Starter Kit
Web Fundamentals — Google Developers
artoo · The client-side scraping companion.
Generic functions Mascara JavaScript Compiler
jtmpl
Replacing JSX with vanilla CoffeeScript — Tictail Makers — Medium
At Tictail we tend to build web applications in JavaScript that consume REST APIs.
Übersicht widgets
Two-Way Data Binding
Getting Started with Browserify
This article introduces the Browserify tool. It also shows how Browserify can be integrated with Grunt and Gulp.
jQuery: Using Only What You Need - Telerik Developer Network
With the ever-increasing importance of mobile, performance on the web has never been more critical. Because of its popularity, jQuery is often targeted as too big because of its size. Although I’ve argued in the past that the complaints about jQuery’s size are overstated, it’s nevertheless import...
GDB - Generic Data Binder - jQuery Plugin
Generic Data Binder (GDB) for jQuery is a framework agnostic and extremely easy to use 2 way data binder. GDB binds views and models in realtime with live two-way binding and no hefty framework necessary.
Rewriting A WebApp With ECMAScript 6
IntroductionToday it’s possible for us to author in ES6 and transpile our sources down to ES5 at build-time, regardless of whether we’re using Grunt, Gulp or Broccoli. With projects like Ember and Angular looking to ES6 as part of their...
Detect, Undo And Redo DOM Changes With Mutation Observers
I’ve been wondering why DOM Mutation Observers, which can monitor changes to one or more DOM elements and return a report of what changed, aren’t used
jQuery.typist
MotorCortex.js | About/Contact
CSS-like animation definitions through external files for websites
JavaScript Testing Recipes
PlayCanvas Goes Open Source
This is a guest post by Will Eastcott of the PlayCanvas engine. As outlined in What Mozilla Hacks is, we constantly cover interesting information about ...
Service Worker - first draft published - JakeArchibald.com
SimpleWebRTC.js from &yet
WebRTC, SimpleWebRTC, Talky, Talky.io, library, JavaScript, Node.js
Back to basics: from jQuery to JavaScript | Quentin Buiteman - Webdevelopment