bradoyler

<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type='text/javascript' src='http://www.cdn.newsvine.com/_elliott/jenga.php?widgets=core%2Czinger%2Cfb%2Ctroff&#038;ver=1.0'></script>

This doesn't work':
<a class="j_troff_count" data-verbose="0" data-public-only="1" 
data-title="Minimalist mom vows to spend nothing on her kid in 2013" 
href="http://moms.today.com/_news/2013/01/25/16697528-minimalist-mom-vows-to-spend-nothing-on-her-kid-in-2013">test fails</a>

But this does:
<a class="j_troff_count" data-verbose="0" data-public-only="1" 

bradoyler

// somewhere in your test’s setup
documentStore.RegisterListener(new NoStaleQueriesAllowed());
 
public class NoStaleQueriesAllowed : IDocumentQueryListener
{
      public void BeforeQueryExecuted(IDocumentQueryCustomization queryCustomization)
      {
            queryCustomization.WaitForNonStaleResults();   
      }
} 

bradoyler

// for counting words in a string

var words="Hi there and hello there. Welcome and hello there.";

var wordcnt = words.replace(/[^\w\s]/g, "").split(/\s+/).reduce(function(map, word){
    map[word] = (map[word]||0)+1;
    return map;
}, Object.create(null));

bradoyler

 <ul class="article-list">
    {{#each view.content.articlelist}}
        <li>
          {{#link-to 'article' this }} {{headline}} {{/link-to}}
        </li>
    {{/each}}
</ul>

bradoyler

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

bradoyler

Libraries

• jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
• Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
• AngularJS - Conventions based MVC framework for HTML5 apps.
• Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
• lawnchair - Key/value store adapter for indexdb, localStorage

bradoyler

Libraries

• 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
• Compass - Open source CSS Authoring Framework.
• Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
• Font Awesome - The iconic font designed for Bootstrap.
• Zurb Foundation - Framework for writing responsive web sites.
• SASS - CSS extension language which allows variables, mixins and rules nesting.
• Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

bradoyler

// jquerify.js // https://github.com/bgrins/devtools-snippets // Add jQuery to any page that does not have it already.  

(function() {
	if (!window.jQuery) {

		var s = document.createElement('script');
		s.setAttribute('src', '//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js');
		document.body.appendChild(s);
		console.log('jquery loaded!');

bradoyler

window.log = Function.prototype.bind.call(console.log, console);

bradoyler

/*  log-globals  by Sindre Sorhus  https://github.com/sindresorhus/log-globals  MIT License */ 
(function () {  'use strict';   

function getIframe() {   
   var el = document.createElement('iframe');   
   el.style.display = 'none';   
   document.body.appendChild(el);   
   var win = el.contentWindow;   
   document.body.removeChild(el);   
   return win;