Gokulakrishnan Kalaikovan gokulkrishh

ANNOUNCEMENT

I have moved this over to the Tech Interview Cheat Sheet Repo and has been expanded and even has code challenges you can run and practice against!

\

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

Screencapture and animated gifs

I say "animated gif" but in reality I think it's irresponsible to be serving "real" GIF files to people now. You should be serving gfy's, gifv's, webm, mp4s, whatever. They're a fraction of the filesize making it easier for you to deliver high fidelity, full color animation very quickly, especially on bad mobile connections. (But I suppose if you're just doing this for small audiences (like bug reporting), then LICEcap is a good solution).

Capturing (Easy)

Launch quicktime player
do Screen recording

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

Font Face

A mixin for writing @font-face rules in SASS.

Usage

Create a font face rule. Embedded OpenType, WOFF2, WOFF, TrueType, and SVG files are automatically sourced.

@include font-face(Samplino, fonts/Samplino);

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

	main_module
	.factory('twitter', function (env, $localStorage, $log, $q,$rootScope) {
	$log.log(env);
	var url_q = $q.defer();
	var cb = new Codebird, auth_url;
	cb.setConsumerKey(env.twitter.consumerKey, env.twitter.consumerSecret);
	if ($localStorage.twitter_tokken && $localStorage.twitter_tokken_secret) {
	cb.setToken($localStorage.twitter_tokken, $localStorage.twitter_tokken_secret);
	}
	cb.__call(

	{
	"cssconf": {
	"location": {
	"date": "September 12, 2014",
	"country": "Germany",
	"city": "Berlin",
	"venue": "Radialsystem V",
	"lat": 52.51039,
	"long": 13.42864
	},

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>JS Bin</title>
	</head>
	<body>

	<script id="jsbin-javascript">
	//See https://github.com/togakangaroo/simple-modules

	var HashTable = function() {
	this._storage = [];
	this._count = 0;
	this._limit = 8;
	}


	HashTable.prototype.insert = function(key, value) {
	//create an index for our storage location by passing it through our hashing function
	var index = this.hashFunc(key, this._limit);