JavaScript

Facebook Twitter
This is a alternative interface to browse the Official jQuery Documentation that can be found on GitHub . The aim of this project is to get out of the way of your development work. Quickly switch to this docs and find what you are looking for. jQAPI - Alternative jQuery Documentation Browser jQAPI - Alternative jQuery Documentation Browser
Promise Pipelines in JavaScript - sitr.us Promises, also know as deferreds or futures, are a wonderful abstraction for manipulating asynchronous actions. Dojo has had Deferreds for some time. jQuery introduced its own Deferreds in version 1.5 based on the CommonJS Promises/A specification. I’m going to show you some recipes for working with jQuery Deferreds. Promise Pipelines in JavaScript - sitr.us
modeln.github.io/sDashboard/example/ex.html
Moment.js | Documentation moment().add(String, Number); moment().add(Number, String); // 2.0.0 moment().add(Duration); // 1.6.0 moment().add(Object); Mutates the original moment by adding time. This is a pretty robust function for adding time to an existing moment. To add time, pass the key of what time you want to add, and the amount you want to add. moment().add('days', 7); Moment.js | Documentation
dbushell/Pikaday README.md Pikaday A refreshing JavaScript Datepicker Lightweight (less than 5kb minified and gzipped)No dependencies (but plays well with Moment.jsModular CSS classes for easy styling Try Pikaday Demo → Production ready? dbushell/Pikaday
nnnick/Chart.js readme.md Chart.js Simple HTML5 Charts using the canvas element chartjs.org nnnick/Chart.js
jstayton/jquery-marcopolo README.md Marco Polo A jQuery autocomplete plugin for the discerning developer. After spending years struggling with various autocomplete plugins, I became fed up with their bugginess, poor documentation, lack of updates, inflexibility, and antiquated coding patterns. Surely something as fundamental as autocomplete could — really, should — be done better. jstayton/jquery-marcopolo
The <canvas> element is a new element apart of HTML5. It allows you to draw shapes, paths, images, and other drawings on a blank element called the canvas. Creating a canvas Before you can draw on the canvas, you need to create one. Of course, the canvas can be any width/height you want. You may also wish to give the canvas an ID (for future reference). Methods | jCanvas Docs Methods | jCanvas Docs

Modernizr: the feature detection library for HTML5/CSS3

Modernizr: the feature detection library for HTML5/CSS3 Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. Why use Modernizr? Taking advantage of cool new web technologies is great fun, until you have to support browsers that lag behind. Modernizr makes it easy for you to write conditional JavaScript and CSS to handle each situation, whether a browser supports a feature or not.
Function.apply and Function.call in JavaScript In order to explain how the createDelegate function works in the last post, we have to understand JavaScript closures and Function.apply(). The apply() method is the easiest subject to tackle, so we'll start there and work up. Every function in JavaScript has a number of attached methods, including toString(), call(), and apply(). If it sounds odd to you that a function might have its own methods - then remember that every function in JavaScript is an object. Read this article for a refresher. Function.apply and Function.call in JavaScript
How to measure the speed of JavaScript execution How to measure the speed of JavaScript execution If you're curious about the time it takes for your page to load and were wondering if there was something that could tell you what's going on besides human observation, then this excerpt from Even Faster Web Sites will get you pointed in the right direction. The easiest, most straightforward, and probably least precise way to measure latency is via human observation; simply use the application on your target platforms and ensure that performance is adequate. Since ensuring adequate human interface performance is only about pleasing humans, this is actually a fine way to perform such measurements (obviously, few humans will be able to quantify delays reliably in terms of precise whole or fractional second measurements; falling back to coarser categorizations such as “snappy,” “sluggish,” “adequate,” and so on does the job).
NodeJS

A lightweight customizable lightbox plugin for jQuery Fork me on GitHub View Demos ColorBox, A jQuery Lightbox
Minifier

Sizing and Positioning Fancybox | GiveGoodWeb You’ve probably seen Fancybox all over the place. In a way, it’s the living-successor of ThickBox and Lightbox. I was recently on a project where I had to both size and place it. Sizing it is easy. Say you have a link tag with an id of opener, like this:
Advanced Debugging With JavaScript When used effectively, JavaScript debuggers help find and squash errors in your JavaScript code. To become an advanced JavaScript debugger, you’ll need to know about the debuggers available to you, the typical JavaScript debugging workflow, and code requirements for effective debugging. In this article, we’ll discuss advanced debugging techniques for diagnosing and treating bugs using a sample web application.
jStorage is a cross-browser key-value store database to store data locally in the browser - jStorage supports all major browsers, both in desktop (yes - even Internet Explorer 6) and in mobile. Additionally jStorage is library agnostic, it works well with any other JavaScript library on the same webpage, be it jQuery, Prototype, MooTools or something else. Though you still need to have either a third party library (Prototype, MooTools) or JSON2 on the page to support older IE versions.

jStorage - simple JavaScript plugin to store data locally

Probably one of the first topics covered when you get started learning about jQuery events is the concept of canceling the browser’s default behavior. For instance, a beginner click tutorial may include this: This function toggles the hiding and displaying of #mydiv, then cancels the browser’s default behavior of visiting the href of the anchor tag. jQuery Events: Stop (Mis)Using Return False
GoogleMap

Performance:Leak Tools
Extreme JavaScript optimization
Objektorientierte Programmierung in Javascript - Browsergame-Entwicklung - GalaxyNews.de
JSON