localpcguy

Essential JavaScript Links

A curated list by Eric Elliott and friends. Suggest links in the comments below.

This is a very exclusive collection of only must-have JavaScript links. I'm only listing my favorite links. Nothing else makes the cut. Feel free to suggest links if you think they're good enough to make this list. The really curious should feel free to browse the comments to find other links. I can't guarantee the quality of links in the comments.

Full Disclosure

Some of these links are affiliate links, meaning that if you make a purchase, I might earn a little money. This has absolutely no bearing on whether or not links make the list. None, whatsoever. However, it does allow me more resources to fight poverty with code. Every little bit counts.

localpcguy

Truncate Multiline Copy

A Pen by Mike Behnke on CodePen.

License.

localpcguy

    <script>
    	(function(w, d, s) {
    		function go() {
    			var js, fjs = d.getElementsByTagName(s)[0], load =
                function(url, id, inTextOption) {
                	if (d.getElementById(id)) { return; }
                	js = d.createElement(s); js.src = url; js.id = id;
                	if (typeof inTextOption !== "undefined" && inTextOption.length) {
                		try { js.text = inTextOption; } // in try because .text="string" fails in Opera
                		catch (e) { js.innerText = inTextOption; } // for Opera

localpcguy

<div id="fb-root"></div>
<script>
	window.fbAsyncInit = function() {
		FB.init({
			appId: 'FBAPPID', // App ID
			status: true, // check login status
			cookie: true, // enable cookies to allow the server to access the session
			xfbml: true  // parse XFBML
		});

localpcguy

function executeOnDomNodeLoaded(node, func) {
   // This function will check, every tenth of a second, to see if 
   // our element is a part of the DOM tree - as soon as we know 
   // that it is, we execute the provided function.
   var findUltimateAncestor = function(node) {
         // Walk up the DOM tree until we are at the top (parentNode 
         // will return null at that point).
         // NOTE: this will return the same node that was passed in 
         // if it has no ancestors.
         var ancestor = node;

localpcguy

/*
 * Object#forIn, Object#forOwn
 *
 * Copyright (c) 2012 "Cowboy" Ben Alman
 * Licensed under the MIT license.
 * http://benalman.com/about/license/
 */

Object.defineProperties(Object.prototype, {
  forIn: {

localpcguy

Download and install p4merge

• Download the perforce visual tool suite from here: http://www.perforce.com/perforce/downloads/index.html
• Copy only the p4merge.app file into your /Applications/ directory

Setup p4merge as a visual mergetool

localpcguy

function getClass(obj) {
  if (typeof obj === 'undefined') {
    return 'undefined';
  }
  if (obj === null) {
    return 'null';
  }
  return Object.prototype.toString.call(obj).match(/^\[object\s(.*)\]$/)[1];
}

localpcguy

//<p class="name">hi {{name}}</p>

Handlebars.templates["hi"]=function(data) {
  return "<p class=\"name\">hi "
    + escapeExpression(data['name'])
    + "</p>\n";
});

localpcguy

license: mit