Introduction to RequireJS In this tutorial we are going to take a look at RequireJS, an AMD compatible asynchronous script loader that is incredibly powerful. In my experiments with RequireJS I've hugely enjoyed working with it and will be using it heavily in my future development. This is a fairly heavy post as far as complexity goes, but please do stick with it. I struggled to get my head around RequireJS and AMD for a long time but once it "clicks" it is really awesome. The basic use case for RequireJS is as a basic script loader, but in this tutorial I wont concentrate on that, but on its uses for modular development. RequireJS implements the AMD (Asynchronous Module Definition) spec, which means we can write our own modules and load them with RequireJS, allowing it to manage dependencies for us. To do this, we are going to build an app (sort of - it's all very basic snippets of code) that has dependencies. Firstly, create your project directory and the structure within. That line means whenever I do:
Underscore.js Knock Me Out Backbone.js Front-end Javascript Territory - Jster Javascript Catalog Zepto.js Home TodoMVC Technologies 11 Multi-touch and Touch events Javascript libraries Touch screen devices are ruling the mobile platform nowadays. Most of the smart phones have it, tablet and based on the trend, it's slowly come to our desktop as well. To develop a touch screen compatible web applications or website, you can use the existing touch events of the browsers or the platforms. There are two ways to create a touch support app - native or using the web development technologies (HTML, CSS, Javascript). QUO JS Events: Touch, Tap, Double tap, Hold, Fingers, Swipe, Swipe Up, Swipe Right, Swipe Down, Swipe Left, DragOther features: Built-in jQuery-like methods.
Cal-HeatMap What is Cal-heatmap ? is a javascript module to create a calendar heatmap. Getting started Installation The classic way Download the latest version of Cal-Heatmap in your application Include the d3.js library <script type="text/javascript" src="//d3js.org/d3.v3.min.js"></script> Or you can download it and use it locally Install Cal-HeatMap in your application by including the javascript and the css file <link rel="stylesheet" href="path/to/css/cal-heatmap.css" /><script type="text/javascript" src="path/to/cal-heatmap.min.js"></script> With Bower bower install cal-heatmap Then continue with step 3 of the classic way to include it in your application With Jam jam install cal-heatmap Via a CDN (jsDelivr) Just include the following lines in your page head section: Cal-Heatmap is compatible with AMD module. Basic usage Creating your first calendar is easy <div id="cal-heatmap"></div><script type="text/javascript"> var cal = new CalHeatMap(); cal.init({});</script> Browsers support Documentation Options domain