Pavel Tchaikovsky chayn1k

Improved swipe gestures plugin for jQuery

What was changed (compared to the original v0.1.2):

Don’t modify the default settings internally.
Merge the options recursively (deep copy) so that the custom threshold values actually get used.
Allow overriding the options globally through $.fn.swipe.options.
Use namespaced jQuery events (using the swipe namespace) instead of DOM2 addEventListener to prevent errors in old IEs.
Simplified and optimized code.
Changed swipeLeft and swipeRight functions to be called within the context of the bound element. Thanks, @kswedberg!

Это БЭМ-ориентированные хелперы над стандартным XJST-синтаксисом. Сюда входит:

синтаксический сахар для подпредикатов про БЭМ предметную область
возможность писать вложенные шаблоны
синтаксический сахар для apply по какой-то mode (apply(this._mode = 'bla'))
ключевое слово applyCtx (синтаксический сахар для applyNext(this.ctx = { some: 'new' }))

	/**
	* The first commented line is your dabblet’s title
	*/
	html, body {
	height:100%;
	}

	header.ex{
	background: #f00006;
	background: linear-gradient(45deg, #f06, yellow);

	// Simple JavaScript Templating
	// John Resig - http://ejohn.org/ - MIT Licensed
	// @see http://ejohn.org/blog/javascript-micro-templating/
	(function(){
	var cache = {};

	this.tmpl = function tmpl(str, data){
	// Figure out if we're getting a template, or if we need to
	// load the template - and be sure to cache the result.
	var fn = !/\W/.test(str) ?

	<html>
	<head>
	<meta name="viewport" content="width=device-width" />
	<title>ParticleSlider</title>
	</head>
	<body id="particle-slider">
	<div class="slides">
	<div id="first-slide" class="slide" data-src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAyAAAAGQCAMAAABh+/QGAAAC9FBMVEXu7u7u7u7////5+fn////u7u78/Pz7+/v////////////5+fn////////////7+/v////////////39/f////6+vr+/v76+vr////////39/f////v7+/9/f3v7+/////////+/v74+Pj////////////////////8/Pz5+fn////////////w8PD+/v7z8/P////7+/v////////9/f3u7u7////////4+Pj////////////////////////////////////u7u7////6+vr////09PT////////////////////////////////4+Pj////////y8vL////////////////////////v7+/////////////09PTu7u79/f3////////39/f////////////////////////////////////////////8/Pz////29vb////////z8/P////////////////x8fH////////////////////////z8/P////z8/P////////////////////////////////////19fX////v7+/x8fH////////////////////39/f////////w8PD////////x8fHz8/P////////////z8/P19fX////19fX////////////y8vL////29vb////x8fH////29vb////////////////////////////

	// Create a Paper.js Path to draw a line into it:
	var hexagon = new Path();
	// Color our path black
	hexagon.strokeColor = 'black';

	// How many points do we want our object to have
	var points = 6;
	// How large should it be
	var radius = 60;
	// 0 to 2PI is a circle, so divide that by the number of points

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	<link href="style.css" rel="stylesheet">
	<script src="main.js"></script>
	</head>
	<body>
	<div id='container'>

	/* SVG alternative to fittext.js */

	div {
	width: 300px;
	height: 150px;
	float: left;
	margin-right : 10px;
	background: #f06;
	font: bold 150% sans-serif;
	text-shadow: 0 1px 2px rgba(0,0,0,.5);

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console