/*! class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * jQuery Tiny Pub/Sub - v0.X - class="_tkNum_1klyn_175">11/class="_tkNum_1klyn_175">18/class="_tkNum_1klyn_175">2010 class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * http://benalman.com/ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Original Copyright (c) class="_tkNum_1klyn_175">2010 class="_tkStr_1klyn_166">"Cowboy" Ben Alman class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Dual licensed under the MIT and GPL licenses. class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * http://benalman.com/about/license/ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Made awesome by Rick Waldron class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> */
rwaldron's hand
The top 100 gists by star count
A♦
A♦
K♣
Writing Idiomatic JavaScript
class="_tkNum_1klyn_175">1. Two space soft indents (fake tabs) OR tabs... BUT NEVER BOTH - DO NOT MIX class="_tkNum_1klyn_175">2. Whitespace, Parens, Braces, Linebreaks if/else/for/while/try always have spaces, braces and multiple lines. -------------------------------------------------------------------- class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// Bad
K♣
Q♥
# Tips for jQuery Bug Patching # There are some assumptions made here, one being that you're # set up with some form of class="_tkStr_1klyn_166">"localhost" http server and that it's running. # - http:class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">//www.mamp.info/en/mamp/ # - sudo apt-get install apache2 # Get it running: # On Mac: $ python -m SimpleHTTPServer
Q♥
J♠
/* class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Viewport - jQuery selectors for finding elements in viewport class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Copyright (c) class="_tkNum_1klyn_175">2008-class="_tkNum_1klyn_175">2009 Mika Tuupola class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Licensed under the MIT license: class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * http://www.opensource.org/licenses/mit-license.php class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Project home: class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * http://www.appelsiini.net/projects/viewport class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> */
J♠
10♦
<!DOCTYPE HTML> <html> <head> <script src=class="_tkStr_1klyn_166">"sharedworker.multi-connect.renderer.js"></script> </head> <body> <pre id=class="_tkStr_1klyn_166">"shared-worker-log"></pre> </body> </html>
10♦
9♣
console.log(blanky); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// class="_tkStr_1klyn_166">`object definition` console.log(typeof blanky); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// object console.log(blanky.__proto__); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// object console.log(typeof blanky.__proto__); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// object console.log(blanky.constructor); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// SafetyBlanket() console.log(typeof blanky.constructor); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// function console.log(blanky.constructor.prototype); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// object{} console.log(typeof blanky.constructor.prototype); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// object
9♣
8♥
<!DOCTYPE HTML> <html> <head> <script src=class="_tkStr_1klyn_166">"sharedworker.multi-connect.renderer.js"></script> </head> <body> <pre id=class="_tkStr_1klyn_166">"shared-worker-log"></pre> <pre id=class="_tkStr_1klyn_166">"shared-worker-connection-log"></pre> </body> </html>
8♥
7♠
Working through the indexedDB API that was released in Chromium 8.0.552.5 dev
<!doctype html> <html> <head> <title>IDB* API</title> <script src=class="_tkStr_1klyn_166">"idb.js"></script> </head> <body> <input type=class="_tkStr_1klyn_166">"button" id=class="_tkStr_1klyn_166">"button" value=class="_tkStr_1klyn_166">"message" /> </body> </html>
7♠
6♦
var supportedMimeTypes = [class="_tkStr_1klyn_166">'video/mp4', class="_tkStr_1klyn_166">'video/x-ms-wmv']; var supportedVideoExtensions = [class="_tkStr_1klyn_166">'.mp4', class="_tkStr_1klyn_166">'.wmv', class="_tkStr_1klyn_166">'.mp4v', class="_tkStr_1klyn_166">'.m4v']; var getSupportedMediaSource = function(videoElement) { class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// If the video element source is supported, then we replace the tag. if (videoElement.src && isWMPSupported(videoElement)) { return videoElement.src; }
6♦
4♥
<script src=class="_tkStr_1klyn_166">"event-source-class="_tkNum_1klyn_175">2.js"></script>
4♥
3♠
<?php header(class="_tkStr_1klyn_166">"Content-Type: text/event-stream\n\n"); echo class="_tkStr_1klyn_166">'data: ' . json_encode( array( class="_tkNum_1klyn_175">0 => array( class="_tkStr_1klyn_166">'time' => time(), class="_tkStr_1klyn_166">'message' => class="_tkStr_1klyn_166">'Some kind of foo' ), class="_tkNum_1klyn_175">1 => array( class="_tkStr_1klyn_166">'time' => time(), class="_tkStr_1klyn_166">'message' => class="_tkStr_1klyn_166">'Some kind of quux'
3♠
2♦
Array + concat + every + filter + forEach + indexOf + join + lastIndexOf + length + map + pop + push
2♦
A♦
<?php header(class="_tkStr_1klyn_166">'HTTP/class="_tkNum_1klyn_175">1.0 class="_tkNum_1klyn_175">500 Internal Server Error'); exit; ?>
A♦
K♣
class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// Declare an object literal as a namespace var Utils = {}; class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// Define an sort of ES5 forEach (this is demo only, so it's fast and loose) Utils.forEach = function(arr, callback) { var iter = class="_tkNum_1klyn_175">0, len = arr.length; for ( ; iter < len; iter++ ) {
K♣
Q♥
Various pre-Harmony bits and pieces
<script type=class="_tkStr_1klyn_166">"application/javascript;version=class="_tkNum_1klyn_175">1.8"> var toString = Object.prototype.toString; console.log( [ i for each ( i in [ class="_tkNum_1klyn_175">1,class="_tkNum_1klyn_175">2,class="_tkNum_1klyn_175">3,class="_tkNum_1klyn_175">4,class="_tkNum_1klyn_175">5 ] ) ] ); function $r( floor, ceil ) {
Q♥
J♠
H264 Support Revision
<!DOCTYPE html> <html> <head> <title>H264</title> <script src=class="_tkStr_1klyn_166">"h264.js"></script> </head> <body> <video id=class="_tkStr_1klyn_166">'video' style=class="_tkStr_1klyn_166">"display:" controls>
J♠
10♦
Exercise to understand Lisp cons/car/cdr, by implementing in JS
<script src=class="_tkStr_1klyn_166">"cons.js"></script>
10♦
9♣
/* class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * def.js: Simple Ruby-style inheritance for JavaScript class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Copyright (c) class="_tkNum_1klyn_175">2010 Tobias Schneider class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * This script is freely distributable under the terms of the MIT license. class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> */ (function(global) { __super__ = function(){ var caller = __super__.caller; if(caller !== caller._super){ return caller._super.apply(caller, arguments); } }
9♣
8♥
(function($){ var toString = Object.prototype.toString; var class2type = { class="_tkStr_1klyn_166">"[object Boolean]": class="_tkStr_1klyn_166">"boolean", class="_tkStr_1klyn_166">"[object Number]": class="_tkStr_1klyn_166">"number", class="_tkStr_1klyn_166">"[object String]": class="_tkStr_1klyn_166">"string", class="_tkStr_1klyn_166">"[object Function]": class="_tkStr_1klyn_166">"function", class="_tkStr_1klyn_166">"[object Array]": class="_tkStr_1klyn_166">"array", class="_tkStr_1klyn_166">"[object Date]": class="_tkStr_1klyn_166">"date",
8♥
7♠
Test: var foo = { bar : class="_tkStr_1klyn_166">'barberic' , baz : class="_tkStr_1klyn_166">'bazterd' , duck : class="_tkStr_1klyn_166">'punch' }; JSLint Results: Error: Problem at line class="_tkNum_1klyn_175">1 character class="_tkNum_1klyn_175">19: Bad line breaking before class="_tkStr_1klyn_166">','.
7♠
6♦
The example given on Ajaxian: class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// See comments below. class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// standard style var a = class="_tkStr_1klyn_166">"ape", b = class="_tkStr_1klyn_166">"bat", c = class="_tkStr_1klyn_166">"cat", d = class="_tkStr_1klyn_166">"dog", e = class="_tkStr_1klyn_166">"elf", f = class="_tkStr_1klyn_166">"fly",
6♦
5♣
(function (undefined) { function detectMutation() { mutationSupported = true; this.removeEventListener(class="_tkStr_1klyn_166">'DOMAttrModified', detectMutation, false); } var forEach = [].forEach, regex = /^data-(.+)/, el = document.createElement(class="_tkStr_1klyn_166">'div'), mutationSupported = false, match ;
5♣
4♥
(function ($) { $.fn.pollute = function (pollution) { class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// first we extend the pollution object to the window, nice! $.extend(window, pollution); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// make sure we're really nasty, and pollute all the elements as well. return this.each(function () { for ( var junk in pollution ) { if ( typeof pollution[junk] === class="_tkStr_1klyn_166">'object' ) { $(this).pollute(pollution[junk]);
4♥
3♠
(function ($) { $.fn.pollute = function (pollution) { pollutants = { air:class="_tkStr_1klyn_166">"SMOAK", water:class="_tkStr_1klyn_166">"OIL", noise:class="_tkStr_1klyn_166">"BLAH" } window.emit = function(type) { var i = Math.round(Math.random()*class="_tkNum_1klyn_175">1000); while(--i) {
3♠
2♦
<!DOCTYPE html> <html> <head> <title>Workers: Basic Demo</title> <script> document.addEventListener(class="_tkStr_1klyn_166">'DOMContentLoaded', function () { var worker = new Worker(class="_tkStr_1klyn_166">'worker-javascript-file.js'); worker.postMessage(class="_tkStr_1klyn_166">'Hello Worker!');
2♦
A♦
<!DOCTYPE html> <html> <head> <title>Workers: Compatibility</title> <script> class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// This script is executed in the main window /* we'll use a worker to filter a huge data set for all entries that match our filter string class="_tkStr_1klyn_166">"foo" class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">*/
A♦
K♣
<!DOCTYPE html> <html> <head> <title>$.detonate()</title> <script src=class="_tkStr_1klyn_166">"http:class="_tkCom_1klyn_170class="_tkStr_1klyn_166">">//code.jquery.com/jquery.js"></script> <script src=class="_tkStr_1klyn_166">"jquery.detonate.js"></script> <script> $(function () { $.charge( class="_tkStr_1klyn_166">'/fuse',
K♣
J♠
<script src=class="_tkStr_1klyn_166">"event-source-class="_tkNum_1klyn_175">4.js"></script>
J♠
10♦
importScripts(class="_tkStr_1klyn_166">'jquery.hive.pollen.js'); $(function (data) { class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// message received from rendering process $.ajax.get({ url: class="_tkStr_1klyn_166">'proxy.php', data: $.param(data), dataType: class="_tkStr_1klyn_166">'json', success: function(jsonObj) { $.each(jsonObj.results, function (i, result) {
10♦
9♣
/* jQuery.Mines.Charge/Detonate/Disarm() class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">*/ ;(function($){ var _payloadCache = {}; function blast(fuses, args) { $.each(_payloadCache[fuses], function(){ this.apply($, args || []); }); }
9♣
8♥
<!DOCTYPE html> <html> <head> <title>Shared Workers</title> <script> var worker = new SharedWorker(class="_tkStr_1klyn_166">'sharedworker.js'); console.log(worker); worker.port.addEventListener(class="_tkStr_1klyn_166">'message', function(event) {
8♥
7♠
<!DOCTYPE html> <html> <head> <title>Um. Duh?</title> <script src=class="_tkStr_1klyn_166">"http:class="_tkCom_1klyn_170class="_tkStr_1klyn_166">">//github.com/DmitryBaranovskiy/raphael/raw/master/raphael-min.js"></script> <script> class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// WORKS FINE. console.log(Raphael); </script> </head>
7♠
6♦
(function($canvas) { var class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// STORE DEFAULT CELL ATTRS cellAttrs = { fill: class="_tkStr_1klyn_166">"#E0E4CD", stroke: class="_tkStr_1klyn_166">"#class="_tkNum_1klyn_175">000", class="_tkStr_1klyn_166">"stroke-width": class="_tkNum_1klyn_175">2 }, class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// SET UP CELL ARRAY $cells = [], class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// DRAW INITIAL CELL $cell = $canvas.circle( class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">/* coordX, coordY, radius */
6♦
5♣
/* Usages: $(selector).classList() class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">//returns an array of classnames $(selector).classList(class="_tkStr_1klyn_166">'newclass') class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">//replaces the current element's classes $(selector).classList([class="_tkStr_1klyn_166">'new', class="_tkStr_1klyn_166">'class', class="_tkStr_1klyn_166">'names']) class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">//replaces the current element's classes class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">*/ jQuery.fn.extend({ classList: function( value ) { if( value ){ if( jQuery.isArray(value)){ this.attr(class="_tkStr_1klyn_166">'class', class="_tkStr_1klyn_166">'')
5♣
4♥
<!DOCTYPE html> <html> <head> <title>jquery.classes.js</title> <script src=class="_tkStr_1klyn_166">"jquery-class="_tkNum_1klyn_175">1.4.class="_tkNum_1klyn_175">2.js"></script> <script src=class="_tkStr_1klyn_166">"jquery.classes.js"></script> </head> <body> <p class=class="_tkStr_1klyn_166">"foo bar baz">classes: foo, bar, baz</p> <p class=class="_tkStr_1klyn_166">"foo">classes: foo</p>
4♥
3♠
import urllib import optparse import os.path import pickle def truncate(message,limit): if len(message) > limit: # break off at class="_tkNum_1klyn_175">137 chars and concat elipsis return message[:(limit-class="_tkNum_1klyn_175">3)] + class="_tkStr_1klyn_166">"..." else: # not too long
3♠
2♦
.mouse{ position: absolute; background-image: url(class="_tkStr_1klyn_166">'../images/cursor.png'); width: 15px; height: 22px; z-index: class="_tkNum_1klyn_175">100; }
2♦
A♦
Burst({ class="_tkStr_1klyn_166">'arbitrary-timeline-name' : { start: class="_tkNum_1klyn_175">0, frames: class="_tkNum_1klyn_175">100, ratio: class="_tkNum_1klyn_175">1, loop: false, finish: function () {}, tracks: { class="_tkStr_1klyn_166">'arbitrary-red-square' : { ref: redBox.style,
A♦
K♣
<!DOCTYPE html> <html> <head> <title>Badges</title> </head> <body> <script src=class="_tkStr_1klyn_166">"badge.js?type=jedi"></script> <script src=class="_tkStr_1klyn_166">"badge.js?type=ninja"></script> <script>
K♣
J♠
$.mines.detonate(class="_tkStr_1klyn_166">'/fuse/c', [class="_tkStr_1klyn_166">'message']); $.mines.detonate([ { key: class="_tkStr_1klyn_166">'/fuse/a', args: [class="_tkStr_1klyn_166">'message from fuse a', { foo: class="_tkStr_1klyn_166">'bar' }] }, { key: class="_tkStr_1klyn_166">'/fuse/b', args: [class="_tkStr_1klyn_166">'message from fuse b', [class="_tkStr_1klyn_166">'an', class="_tkStr_1klyn_166">'array'] ] },
J♠
10♦
$(function () { var Pict = { api: { url:class="_tkStr_1klyn_166">'http:class="_tkCom_1klyn_170">//ajax.googleapis.com/ajax/services/search/images' }, atCache: class="_tkNum_1klyn_175">0, cache: [], clear: function ( fn ) { this.cache.length = class="_tkNum_1klyn_175">0; if ( fn && $.isFunction(fn) ) { fn(); }
10♦
9♣
<!DOCTYPE html> <html> <head> <title>Dead Simple Twitter Search API jQuery Feed</title> <script src=class="_tkStr_1klyn_166">"http:class="_tkCom_1klyn_170class="_tkStr_1klyn_166">">//code.jquery.com/jquery.js"></script> <script src=class="_tkStr_1klyn_166">"jQuery.twitterFeed.js"></script> <script src=class="_tkStr_1klyn_166">"jquery.twitter-usage-ex.js"></script> <link href=class="_tkStr_1klyn_166">"jQuery.twitterFeed.css" media=class="_tkStr_1klyn_166">"screen" rel=class="_tkStr_1klyn_166">"stylesheet" type=class="_tkStr_1klyn_166">"text/css"> </head> <body> <h1>Twitter:</h1> <div class=class="_tkStr_1klyn_166">"twitter-posts"><h3>Loading Tweets From The Cloud With AJAX HTML5...</h3><hr class=class="_tkStr_1klyn_166">"space"/></div>
9♣
8♥
$LAB.script(class="_tkStr_1klyn_166">"http:class="_tkCom_1klyn_170class="_tkStr_1klyn_166">">//code.jquery.com/jquery.js").wait(function () { var tally = class="_tkNum_1klyn_175">0; jQuery(function () { function loopClickEmToRunEm() { setTimeout(function () { jQuery(class="_tkStr_1klyn_166">'#button_1').trigger(class="_tkStr_1klyn_166">'click'); }, class="_tkNum_1klyn_175">0); setTimeout(function () { jQuery(class="_tkStr_1klyn_166">'#button_2').trigger(class="_tkStr_1klyn_166">'click'); }, class="_tkNum_1klyn_175">3000); setTimeout(function () {
8♥
6♦
/* The constructor It takes the worker file name as an argument class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">*/ var worker = new Worker(class="_tkStr_1klyn_166">'worker-javascript-file.js') /* The postMessage() function sends a message to the worker
6♦
5♣
<?php header(class="_tkStr_1klyn_166">"Content-Type: text/event-stream\n\n"); echo class="_tkStr_1klyn_166">'data: ' . json_encode( array( class="_tkStr_1klyn_166">'from' => class="_tkStr_1klyn_166">'event-source' ) ) . class="_tkStr_1klyn_166">"\n"; ?>
5♣
4♥
class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// close stream: label-a $.eventsource(class="_tkStr_1klyn_166">'close', class="_tkStr_1klyn_166">'label-a'); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// close stream: label-b $.eventsource(class="_tkStr_1klyn_166">'close', class="_tkStr_1klyn_166">'label-b'); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// close all open streams $.eventsource(class="_tkStr_1klyn_166">'close');
4♥
3♠
class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// Results at class="_tkNum_1klyn_175">10,class="_tkNum_1klyn_175">000,class="_tkNum_1klyn_175">000 iterations class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// $([]) omitted/not tested - caused chrome to crash class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// $(class="_tkStr_1klyn_166">'null') omitted/not tested - caused chrome to crash $(class="_tkStr_1klyn_166">""): 1274ms $(class="_tkStr_1klyn_166">""): 1270ms $(class="_tkStr_1klyn_166">""): 1278ms $(class="_tkStr_1klyn_166">""): 1265ms $(undefined): 1199ms $(undefined): 1167ms
3♠
2♦
<!DOCTYPE html> <html> <head> <title>jQuery hide/show speed</title> <script src=class="_tkStr_1klyn_166">"http:class="_tkCom_1klyn_170class="_tkStr_1klyn_166">">//code.jquery.com/jquery.js"></script> <script> $(function () { var iter = class="_tkNum_1klyn_175">100000, $p = $(class="_tkStr_1klyn_166">"p");
2♦
A♦
class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// FROM: class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// http://www.quora.com/Is-there-a-way-for-jQuery-to-return-a-single-object-instead-of-an-array-of-objects-For-example-if-I-use-an-id-selector#ans94625 class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// This is actually a good thing var foo = $(class="_tkStr_1klyn_166">"#foo") class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// but it's important to indicate that class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// this var is a collection, and should class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// be declared as: class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// var $foo = $(class="_tkStr_1klyn_166">'#foo')
A♦
K♣
(function(){try{if(!google.doodle)google.doodle={};var a=class="_tkNum_1klyn_175">200,g=-class="_tkNum_1klyn_175">200,j=-class="_tkNum_1klyn_175">200,k,l,m,n=class="_tkNum_1klyn_175">0,o=class="_tkNum_1klyn_175">0,p=class="_tkNum_1klyn_175">0,q=class="_tkNum_1klyn_175">35,r,s=[],t,u,v;google.doodle.init=function(){if(!v&&window.location.href.indexOf(class="_tkStr_1klyn_166">"#")==-class="_tkNum_1klyn_175">1){v=true;if(t=document.getElementById(class="_tkStr_1klyn_166">"hplogo")){google.j&&google.j.en&&w(class="_tkNum_1klyn_175">100,x,function(){return google.rein&&google.dstr});w(class="_tkNum_1klyn_175">100,y,function(){return google.listen});w(class="_tkNum_1klyn_175">100,z,function(){return google.browser})}}};var w=function(b,c,d){if(d())c();else b< class="_tkNum_1klyn_175">200&&window.setTimeout(function(){w(b+class="_tkNum_1klyn_175">1,c,d)},b)},x=function(){if(!google.doodle.n){google.doodle.n= true;google.rein.push(google.doodle.init);google.dstr.push(A)}},y=function(){google.listen(document,class="_tkStr_1klyn_166">"mousemove",B)},B=function(b){a=class="_tkNum_1klyn_175">200;g=b.clientX-t.offsetLeft;j=b.clientY-t.offsetTop},C=function(){return[u?window.screenLeft:window.screenX,u?window.screenTop:window.screenY,document.body.clientWidth]},z=function(){u=google.browser.engine.IE&&google.browser.engine.version!=class="_tkStr_1klyn_166">"class="_tkNum_1klyn_175">9.0";s=[D(class="_tkNum_1klyn_175">202,class="_tkNum_1klyn_175">78,class="_tkNum_1klyn_175">9,class="_tkStr_1klyn_166">"ed9d33"),D(class="_tkNum_1klyn_175">348,class="_tkNum_1klyn_175">83,class="_tkNum_1klyn_175">9,class="_tkStr_1klyn_166">"d44d61"),D(class="_tkNum_1klyn_175">256,class="_tkNum_1klyn_175">69,class="_tkNum_1klyn_175">9,class="_tkStr_1klyn_166">"4f7af2"),D(class="_tkNum_1klyn_175">214,class="_tkNum_1klyn_175">59,class="_tkNum_1klyn_175">9,"e
K♣
Q♥
<!DOCTYPE html> <html> <head> <script src=class="_tkStr_1klyn_166">"foo.js"> { class="_tkStr_1klyn_166">"foo" : class="_tkStr_1klyn_166">"bar" } </script> </head> <body> </body> </html>
Q♥
J♠
class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// class="_tkNum_1klyn_175">1: how could you rewrite the following to make it shorter? if (foo) { bar.doSomething(el); } else { bar.doSomethingElse(el); } class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// class="_tkNum_1klyn_175">2: what is the faulty logic in the following code? var foo = class="_tkStr_1klyn_166">'hello';
J♠
10♦
class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// class="_tkNum_1klyn_175">1: how could you rewrite the following to make it shorter? if (foo) { bar.doSomething(el); } else { bar.doSomethingElse(el); } class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// Rick says: There is more then one way to optimize this foo ? bar.doSomething(el) : bar.doSomethingElse(el); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// Peter Higgins' solution was neat.
10♦
9♣
class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// Given var a = true, b=class="_tkStr_1klyn_166">'b', c=class="_tkStr_1klyn_166">'c'; (a?b:c) class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// via @cowboy [c,b][class="_tkNum_1klyn_175">1-!a] class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// via @rwaldron
9♣
8♥
/*! class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * postMessage detector - v0.1pre - class="_tkNum_1klyn_175">9/class="_tkNum_1klyn_175">15/class="_tkNum_1klyn_175">2010 class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * http://benalman.com/ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Copyright (c) class="_tkNum_1klyn_175">2010 class="_tkStr_1klyn_166">"Cowboy" Ben Alman class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Dual licensed under the MIT and GPL licenses. class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * http://benalman.com/about/license/ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> */ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// If class="_tkStr_1klyn_166">`window.postMessage.complex` is true, postMessage can pass complex non-string class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// values like objects and arrays. If it's false, it can only pass strings (TODO: test) class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">//
8♥
7♠
var X = function () { return new X.prototype.init() ; }; X.prototype = { init: function () { this.y = class="_tkNum_1klyn_175">0; return this; }, y: class="_tkNum_1klyn_175">1 };
7♠
6♦
<html> <head> <script> var worker = new Worker(class="_tkStr_1klyn_166">'worker.js'); worker.addEventListener(class="_tkStr_1klyn_166">'message', function (event) { console.log(event.data); }); </script>
6♦
5♣
$(document) .ajaxSend(function (event, xhr, aOpts) { $(class="_tkStr_1klyn_166">'<div/>', { id: class="_tkStr_1klyn_166">'loading-indicator', text: class="_tkStr_1klyn_166">'Working...', css: { position: class="_tkStr_1klyn_166">'fixed', top: class="_tkStr_1klyn_166">'class="_tkNum_1klyn_175">0', left: class="_tkStr_1klyn_166">'class="_tkNum_1klyn_175">0' } }).prependTo(class="_tkStr_1klyn_166">'body');
5♣
4♥
class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">/* ------------------------------ Main Class ------------------------------ */ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// Returns class="_tkStr_1klyn_166">"instances" of itself which are actually functions. function Ben ( greeting ) { var Parent, scope function Scope () { class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// Here is where you put your normal constructor junk this.greeting = greeting this.colours = [ class="_tkStr_1klyn_166">'yellow', 0xFFFFFF ] } class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// Magic function Proxy() { Scope.prototype.init.apply( scope, arguments )
4♥
3♠
/** class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * This library defines magic properties and methods class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * for objects. Generic hooks are: __get__, __set__, class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * __delete__, __count__ and __noSuchProperty__. class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Used features: Harmony (ES6) proxies. class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Tested in FF4 beta. class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * @author Dmitry A. Soshnikov <dmitry.soshnikov@gmail.com> class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * (C) class="_tkNum_1klyn_175">2010 Mit Style License class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> */
3♠
2♦
<!DOCTYPE html> <html> <head> <title>List navigation</title> <style> .selected { background: yellow; } </style> <script src=class="_tkStr_1klyn_166">"http:class="_tkCom_1klyn_170class="_tkStr_1klyn_166">">//code.jquery.com/jquery.js"></script> <script src=class="_tkStr_1klyn_166">"linav.js"></script>
2♦
A♦
<!doctype html> <html> <head> <script src=class="_tkStr_1klyn_166">"http:class="_tkCom_1klyn_170class="_tkStr_1klyn_166">">//code.jquery.com/jquery.js"></script> <script src=class="_tkStr_1klyn_166">"script.js"></script> </head> <body> <textarea id=class="_tkStr_1klyn_166">"whatever">foo bar #hash</textarea> Proof Of Concept: If you arrow right until just before the #hash and type shift-@, a class="_tkStr_1klyn_166">"faked" autocomplete will trigger and insert @user - but will retain the string following. Currently, if you try this in #newTwitter, it will blow away any text following the autocompleted @user.
A♦
K♣
Per wycats suggestion to overwrite function.prototype.call
var originalCall = (function () { return Function.prototype.call; })(); Function.prototype.call = function () { console.log(arguments); return originalCall; } function testFn(arg) {
K♣
Q♥
/*! class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * jQuery log selector - v0.1pre - class="_tkNum_1klyn_175">10/class="_tkNum_1klyn_175">22/class="_tkNum_1klyn_175">2010 class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * http://benalman.com/ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Copyright (c) class="_tkNum_1klyn_175">2010 class="_tkStr_1klyn_166">"Cowboy" Ben Alman class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Dual licensed under the MIT and GPL licenses. class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * http://benalman.com/about/license/ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> */ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// Log the selector used to select elements to each selected element, class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// otherwise to the body. Hover over logged selectors to highlight class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// stuff all fancy-like (note: don't select SPAN elements because this
Q♥
J♠
overwrites function.prototype.call with enforced scope. (the closure seems unnec. but is, when running in FF)
var originalCall = (function () { return Function.prototype.call; })(); Function.prototype.call = function () { console.log(class="_tkStr_1klyn_166">'Logging:', arguments); return originalCall; }
J♠
10♦
<?php echo class="_tkStr_1klyn_166">"Prepping CSS and JS for deploy...\n"; $css_files[class="_tkStr_1klyn_166">'app'] = array(class="_tkStr_1klyn_166">'reset', class="_tkStr_1klyn_166">'class="_tkNum_1klyn_175">960', class="_tkStr_1klyn_166">'screen', class="_tkStr_1klyn_166">'jquery.tagsinput', class="_tkStr_1klyn_166">'jquery.autocomplete', class="_tkStr_1klyn_166">'tipsy', class="_tkStr_1klyn_166">'prettify'); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">//$css_files[class="_tkStr_1klyn_166">'splash'] = array(class="_tkStr_1klyn_166">'reset', class="_tkStr_1klyn_166">'splash'); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">//$css_files[class="_tkStr_1klyn_166">'iphone'] = array(class="_tkStr_1klyn_166">'reset', class="_tkStr_1klyn_166">'screen', class="_tkStr_1klyn_166">'iphone'); $js_files[class="_tkStr_1klyn_166">'app'] = array(class="_tkStr_1klyn_166">'jquery.autocomplete.min', class="_tkStr_1klyn_166">'jquery.tagsinput', class="_tkStr_1klyn_166">'jquery.scrollTo-class="_tkNum_1klyn_175">1.4.class="_tkNum_1klyn_175">2-min', class="_tkStr_1klyn_166">'forrst', class="_tkStr_1klyn_166">'jquery.tipsy', class="_tkStr_1klyn_166">'jquery.autoresize.min', class="_tkStr_1klyn_166">'prettify', class="_tkStr_1klyn_166">'lang-apollo', class="_tkStr_1klyn_166">'lang-css',
10♦
8♥
jsfiddle html panel contents
#foo { height:100px; width:100px; padding:20px; border:1px solid; }
8♥
7♠
will build a special version of jquery that allows for iframe context's to inherit jquery from window.top
V ?= class="_tkNum_1klyn_175">0 SRC_DIR = src TEST_DIR = test BUILD_DIR = build PREFIX = . DIST_DIR = ${PREFIX}/dist RHINO ?= java -jar ${BUILD_DIR}/js.jar CLOSURE_COMPILER = ${BUILD_DIR}/google-compiler-class="_tkNum_1klyn_175">20100917.jar
7♠
5♣
var states = [class="_tkStr_1klyn_166">"Alabama", class="_tkStr_1klyn_166">"Alaska", class="_tkStr_1klyn_166">"Arizona", class="_tkStr_1klyn_166">"Arkansas", class="_tkStr_1klyn_166">"California", class="_tkStr_1klyn_166">"Colorado", class="_tkStr_1klyn_166">"Connecticut", class="_tkStr_1klyn_166">"Delaware", class="_tkStr_1klyn_166">"Florida", class="_tkStr_1klyn_166">"Georgia", class="_tkStr_1klyn_166">"Hawaii", class="_tkStr_1klyn_166">"Idaho", class="_tkStr_1klyn_166">"Illinois", class="_tkStr_1klyn_166">"Indiana", class="_tkStr_1klyn_166">"Iowa", class="_tkStr_1klyn_166">"Kansas", class="_tkStr_1klyn_166">"Kentucky", class="_tkStr_1klyn_166">"Louisiana", class="_tkStr_1klyn_166">"Maine", class="_tkStr_1klyn_166">"Maryland", class="_tkStr_1klyn_166">"Massachusetts", class="_tkStr_1klyn_166">"Michigan", class="_tkStr_1klyn_166">"Minnesota", class="_tkStr_1klyn_166">"Mississippi", class="_tkStr_1klyn_166">"Missouri", class="_tkStr_1klyn_166">"Montana", class="_tkStr_1klyn_166">"Nebraska", class="_tkStr_1klyn_166">"Nevada", class="_tkStr_1klyn_166">"New Hampshire", class="_tkStr_1klyn_166">"New Jersey", class="_tkStr_1klyn_166">"New Mexico", class="_tkStr_1klyn_166">"New York", class="_tkStr_1klyn_166">"North Dakota", class="_tkStr_1klyn_166">"North Carolina", class="_tkStr_1klyn_166">"Ohio", class="_tkStr_1klyn_166">"Oklahoma", class="_tkStr_1klyn_166">"Oregon", class="_tkStr_1klyn_166">"Pennsylvania", class="_tkStr_1klyn_166">"Rhode Island", class="_tkStr_1klyn_166">"South Carolina", class="_tkStr_1klyn_166">"South Dakota", class="_tkStr_1klyn_166">"Tennessee", class="_tkStr_1klyn_166">"Texas", class="_tkStr_1klyn_166">"Utah", class="_tkStr_1klyn_166">"Vermont", class="_tkStr_1klyn_166">"Virginia", class="_tkStr_1klyn_166">"Washington", class="_tkStr_1klyn_166">"West Virginia", class="_tkStr_1klyn_166">"Wisconsin", class="_tkStr_1klyn_166">"Wyoming", class="_tkStr_1klyn_166">"Alabama", class="_tkStr_1klyn_166">"Alaska", class="_tkStr_1klyn_166">"Arizona", class="_tkStr_1klyn_166">"Arkansas", class="_tkStr_1klyn_166">"California", class="_tkStr_1klyn_166">"Colorado", class="_tkStr_1klyn_166">"Connecticut", class="_tkStr_1klyn_166">"Delaware", class="_tkStr_1klyn_166">"Florida", class="_tkStr_1klyn_166">"Georgia", class="_tkStr_1klyn_166">"Hawaii", class="_tkStr_1klyn_166">"Idaho", class="_tkStr_1klyn_166">"Illinois", class="_tkStr_1klyn_166">"Indiana", class="_tkStr_1klyn_166">"Iowa", class="_tkStr_1klyn_166">"Kansas", class="_tkStr_1klyn_166">"Kentucky", class="_tkStr_1klyn_166">"Louisiana", class="_tkStr_1klyn_166">"Maine", class="_tkStr_1klyn_166">"Maryland", class="_tkStr_1klyn_166">"Massachusetts", class="_tkStr_1klyn_166">"Michigan", class="_tkStr_1klyn_166">"Minnesota", class="_tkStr_1klyn_166">"Mississippi", class="_tkStr_1klyn_166">"Missouri", class="_tkStr_1klyn_166">"Montana", class="_tkStr_1klyn_166">"Nebraska", class="_tkStr_1klyn_166">"Nevada", class="_tkStr_1klyn_166">"New Hampshire", class="_tkStr_1klyn_166">"New Jersey", "New M
5♣
4♥
class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// SMELLY: HTML in your JavaScript $(class="_tkStr_1klyn_166">'#showMessage').click(function() { $(class="_tkStr_1klyn_166">'<div>' + class="_tkStr_1klyn_166">'<h1>' + $(class="_tkStr_1klyn_166">'#messageTitle').val() + class="_tkStr_1klyn_166">'</h1>' + class="_tkStr_1klyn_166">'<p>' + $(class="_tkStr_1klyn_166">'#messageText').val() + class="_tkStr_1klyn_166">'</p>' + class="_tkStr_1klyn_166">'</div>') .appendTo(class="_tkStr_1klyn_166">'#messageContainer') }); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// MINTY FRESH: Use templates instead <script type=class="_tkStr_1klyn_166">"text/x-jquery-tmpl" id=class="_tkStr_1klyn_166">"messageTemplate"> <div>
4♥
3♠
<!doctype html> <html> <head> <meta charset=class="_tkStr_1klyn_166">"utf-class="_tkNum_1klyn_175">8"> <title>Detect Credit Card Type</title> </head> <body> <form> <label for=class="_tkStr_1klyn_166">"card_number">Enter Card Number:</label>
3♠
2♦
<!doctype html> <html> <head> <meta charset=class="_tkStr_1klyn_166">"utf-class="_tkNum_1klyn_175">8"> <title>Detect Credit Card Type</title> </head> <body> <form> <label for=class="_tkStr_1klyn_166">"card_number">Enter Card Number:</label>
2♦
A♦
An example from the JSDoc #usage page.
class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// Usage example revised /** class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Shape is an abstract base class. It is defined simply class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * to have something to inherit from for geometric class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * subclasses class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * @constructor class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> */ function Shape( color ) { this.color = color; }
A♦
K♣
/*! class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * jQuery htmlDoc class="_tkStr_1klyn_166">"fixer" - v0.2pre - class="_tkNum_1klyn_175">12/class="_tkNum_1klyn_175">15/class="_tkNum_1klyn_175">2010 class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * http://benalman.com/projects/jquery-misc-plugins/ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Copyright (c) class="_tkNum_1klyn_175">2010 class="_tkStr_1klyn_166">"Cowboy" Ben Alman class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Dual licensed under the MIT and GPL licenses. class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * http://benalman.com/about/license/ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> */ (function($){ var class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// RegExp that matches opening and closing HTML, HEAD, BODY tags.
K♣
Q♥
<!DOCTYPE html> <html> <head> <script src=class="_tkStr_1klyn_166">"jsonp.js"></script> <script> document.addEventListener(class="_tkStr_1klyn_166">"DOMContentLoaded", function() { var requestUrl = class="_tkStr_1klyn_166">"http:class="_tkCom_1klyn_170class="_tkStr_1klyn_166">">//en.wikipedia.org/w/api.php?action=parse&page=Dog&format=json"; getJsonp({ url: requestUrl,
Q♥
J♠
class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// Want to learn more about Immediately Invoked Function Expressions? Read class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// this article first: class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// http://benalman.com/news/class="_tkNum_1klyn_175">2010/class="_tkNum_1klyn_175">11/immediately-invoked-function-expression/ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// Parens are used to tell the parser that it's a function expression, class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// not a function declaration. If you don't explicitly tell the parser to class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// expect an expression, it will throw a SyntaxError exception because it class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// sees a function declaration without a name specified. (function(){ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">/* code */ })() class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// I've been using this one (function(){ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">/* code */ }()) class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// Crockford recommends this one
J♠
10♦
/*! class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * JavaScript whatevCache - v0.2pre - class="_tkNum_1klyn_175">12/class="_tkNum_1klyn_175">30/class="_tkNum_1klyn_175">2010 class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * http://benalman.com/ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Copyright (c) class="_tkNum_1klyn_175">2010 class="_tkStr_1klyn_166">"Cowboy" Ben Alman class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Dual licensed under the MIT and GPL licenses. class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * http://benalman.com/about/license/ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> */ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// whatevCache.set( key, value [, ttl ] ); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// (returns undefined on success, error object otherwise) class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">//
10♦
9♣
function Human(){ var that = this; var name=class="_tkStr_1klyn_166">"John Doe"; that.getName=function(){return name;} that.setName=function(value){name=value;} return that; } function Man(){ var that = this.prototype = new Human(); this.prototype.constructor = Man;
9♣
8♥
function domReady(callback) { var domLoaded; var called; var onReadyStateChange = function () { if (document.readyState == class="_tkStr_1klyn_166">'complete') { domLoaded(); } }; var interval;
8♥
7♠
<!DOCTYPE html> <html> <head> <title>Dojo x-domain Skeleton</title> <script src=class="_tkStr_1klyn_166">"http:class="_tkCom_1klyn_170class="_tkStr_1klyn_166">">//ajax.googleapis.com/ajax/libs/dojo/class="_tkNum_1klyn_175">1.5/dojo/dojo.xd.js"></script> <script> class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// the superclass dojo.declare(class="_tkStr_1klyn_166">"Foo", null, { bar:function(){ console.warn(class="_tkStr_1klyn_166">"Foo's bar"); },
7♠
6♦
/*! class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * jQuery htmlDoc class="_tkStr_1klyn_166">"fixer" - v0.2pre - class="_tkNum_1klyn_175">12/class="_tkNum_1klyn_175">15/class="_tkNum_1klyn_175">2010 class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * http://benalman.com/projects/jquery-misc-plugins/ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Copyright (c) class="_tkNum_1klyn_175">2010 class="_tkStr_1klyn_166">"Cowboy" Ben Alman class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * Dual licensed under the MIT and GPL licenses. class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> * http://benalman.com/about/license/ class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170"> */ (function($){ var class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// RegExp that matches opening and closing HTML, HEAD, BODY tags.
6♦
5♣
var supportedMimeTypes = [class="_tkStr_1klyn_166">'video/mp4', class="_tkStr_1klyn_166">'video/x-ms-wmv']; var supportedVideoExtensions = [class="_tkStr_1klyn_166">'.mp4', class="_tkStr_1klyn_166">'.wmv', class="_tkStr_1klyn_166">'.mp4v', class="_tkStr_1klyn_166">'.m4v']; var getSupportedMediaSource = function(videoElement) { class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// If the video element source is supported, then we replace the tag. if (videoElement.src && isWMPSupported(videoElement)) { return videoElement.src; }
5♣
4♥
self calling worker
document.addEventListener( class="_tkStr_1klyn_166">"DOMContentLoaded", function() { var selfy = selfish(); selfy.worker.addEventListener( class="_tkStr_1klyn_166">"message", function( event ) { var data = event.data; console.log( data );
4♥
3♠
<!DOCTYPE html> <html> <head> <script src=class="_tkStr_1klyn_166">"renderer.js"></script> </head> <body> </body> </html>
3♠
2♦
<?php echo class="_tkStr_1klyn_166">"Prepping CSS and JS for deploy...\n"; $css_files[class="_tkStr_1klyn_166">'app'] = array(class="_tkStr_1klyn_166">'reset', class="_tkStr_1klyn_166">'class="_tkNum_1klyn_175">960', class="_tkStr_1klyn_166">'screen', class="_tkStr_1klyn_166">'jquery.tagsinput', class="_tkStr_1klyn_166">'jquery.autocomplete', class="_tkStr_1klyn_166">'tipsy', class="_tkStr_1klyn_166">'prettify'); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">//$css_files[class="_tkStr_1klyn_166">'splash'] = array(class="_tkStr_1klyn_166">'reset', class="_tkStr_1klyn_166">'splash'); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">//$css_files[class="_tkStr_1klyn_166">'iphone'] = array(class="_tkStr_1klyn_166">'reset', class="_tkStr_1klyn_166">'screen', class="_tkStr_1klyn_166">'iphone'); $js_files[class="_tkStr_1klyn_166">'app'] = array(class="_tkStr_1klyn_166">'jquery.autocomplete.min', class="_tkStr_1klyn_166">'jquery.tagsinput', class="_tkStr_1klyn_166">'jquery.scrollTo-class="_tkNum_1klyn_175">1.4.class="_tkNum_1klyn_175">2-min', class="_tkStr_1klyn_166">'forrst', class="_tkStr_1klyn_166">'jquery.tipsy', class="_tkStr_1klyn_166">'jquery.autoresize.min', class="_tkStr_1klyn_166">'prettify', class="_tkStr_1klyn_166">'lang-apollo', class="_tkStr_1klyn_166">'lang-css',
2♦
A♦
; Just drop this in /etc/couchdb/local.d/ and then ; start CouchDB normally. ; Here couch_node can be anything as long as it's uniq. [os_daemons] couch_node = /Users/davisp/tmp/couch-node.js ; This section can be named anything but you should ; probably make it follow the os_daemon name we
A♦
K♣
class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// get the average color of two hex colors. function avgcolor(color1,color2){ var avg = function(a,b){ return (a+b)/class="_tkNum_1klyn_175">2; }, t16 = function(c){ return parseInt((class="_tkStr_1klyn_166">''+c).replace(class="_tkStr_1klyn_166">'#',class="_tkStr_1klyn_166">''),class="_tkNum_1klyn_175">16) }, hex = function(c){ return (c>>class="_tkNum_1klyn_175">0).toString(class="_tkNum_1klyn_175">16) }, hex1 = t16(color1), hex2 = t16(color2), r = function(hex){ return hex >> class="_tkNum_1klyn_175">16 & 0xFF}, g = function(hex){ return hex >> class="_tkNum_1klyn_175">8 & 0xFF}, b = function(hex){ return hex & 0xFF}, res = class="_tkStr_1klyn_166">'#' + hex(avg(r(hex1),r(hex2))) + hex(avg(g(hex1),g(hex2)))
K♣
Q♥
#!/bin/sh # phpinfo-mine # Finds and retrieves phpinfo() pages from Google results. # # Requires WhatWeb and gggooglescan in the current working directory. # # It is highly recommended that you change your passwords if your servers' # passwords appears in this list. ## # Google Results as at class="_tkNum_1klyn_175">2011-class="_tkNum_1klyn_175">01-class="_tkNum_1klyn_175">21 # # class="_tkNum_1klyn_175">52 results for intitle:class="_tkStr_1klyn_166">"phpinfo()" class="_tkStr_1klyn_166">"mysql.default_password" class="_tkStr_1klyn_166">"Zend Scripting Language Engine" # class="_tkNum_1klyn_175">33 results for inurl:class="_tkStr_1klyn_166">"phpinfo.php" intitle:class="_tkStr_1klyn_166">"phpinfo()" class="_tkStr_1klyn_166">"mysql.default_password"
Q♥
J♠
#!/usr/local/bin/ruby require class="_tkStr_1klyn_166">"socket" irc = TCPSocket.open(class="_tkStr_1klyn_166">'irc.freenode.net', class="_tkNum_1klyn_175">6667) irc.send(class="_tkStr_1klyn_166">"USER blah blah blah :blah blah\n", class="_tkNum_1klyn_175">0) irc.send(class="_tkStr_1klyn_166">"NICK ChanScanBot\n", class="_tkNum_1klyn_175">0) irc.send(class="_tkStr_1klyn_166">"JOIN #sproutcore\n", class="_tkNum_1klyn_175">0) names = [] until irc.eof? data = irc.gets
J♠
10♦
<!DOCTYPE html PUBLIC class="_tkStr_1klyn_166">"-class="_tkCom_1klyn_170class="_tkStr_1klyn_166">">//W3C//DTD HTML class="_tkNum_1klyn_175">4.01//EN" class="_tkStr_1klyn_166">"http:class="_tkCom_1klyn_170class="_tkStr_1klyn_166">">//www.w3.org/TR/html4/strict.dtd"> <html lang=class="_tkStr_1klyn_166">"en"> <head> <meta http-equiv=class="_tkStr_1klyn_166">"Content-Type" content=class="_tkStr_1klyn_166">"text/html; charset=utf-class="_tkNum_1klyn_175">8"> <title>Text Editor</title> <meta name=class="_tkStr_1klyn_166">"generator" content=class="_tkStr_1klyn_166">"TextMate http:class="_tkCom_1klyn_170class="_tkStr_1klyn_166">">//macromates.com/"> <meta name=class="_tkStr_1klyn_166">"author" content=class="_tkStr_1klyn_166">"Peter Wagenet"> <!-- Date: class="_tkNum_1klyn_175">2010-class="_tkNum_1klyn_175">05-class="_tkNum_1klyn_175">12 --> <script type=class="_tkStr_1klyn_166">"text/javascript" charset=class="_tkStr_1klyn_166">"utf-class="_tkNum_1klyn_175">8" src=class="_tkStr_1klyn_166">"jquery-class="_tkNum_1klyn_175">1.4.class="_tkNum_1klyn_175">2.js"></script>
10♦
9♣
v8 = V8::Context.new v8[class="_tkStr_1klyn_166">"foo"] = proc do |hello| # can I get the JS callstack here? puts hello end v8.eval(class="_tkStr_1klyn_166">"function bar() { baz('sven' )}; function baz(name) { foo(name) }")
9♣
8♥
function pp (t) { if (typeof console == class="_tkStr_1klyn_166">"object" && typeof console.log == class="_tkStr_1klyn_166">"function") console.log(t); else print(t); }
8♥
7♠
var SerialPort = require(class="_tkStr_1klyn_166">"./serialport") var sp = new SerialPort(class="_tkStr_1klyn_166">"/dev/ttyUSB0") sp.write(class="_tkStr_1klyn_166">"OMG USB"); class=class="_tkStr_1klyn_166">"_tkCom_1klyn_170">// Reading is not perfect yet sp.on(class="_tkStr_1klyn_166">'data', function(data) { sys.puts(class="_tkStr_1klyn_166">"data"); }); sp.close();
7♠
6♦
invoking call directly on a function expression
(function() { console.log(this); }).call({});
6♦