illvart illvart

Sublime Text 3 Setup

Install Package Control

Install Package Control for easy package management.

Open the console with Ctrl+`
Paste in the following:

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

Table of Contents generated with DocToc

FrontEnd Masters - ES6 notes
Rest Parameters

JavaScript Crypto Libraries

I start with a list and plan to create a comparison table.

WebCryptoAPI

http://www.w3.org/TR/WebCryptoAPI/

This specification describes a JavaScript API for performing basic cryptographic operations in web applications, such as hashing, signature generation and verification, and encryption and decryption. Additionally, it describes an API for applications to generate and/or manage the keying material necessary to perform these operations. Uses for this API range from user or service authentication, document or code signing, and the confidentiality and integrity of communications.

	<!DOCTYPE html>
	<html>
	<head>
	<title>Box Shadow</title>

	<style>
	.box {
	height: 150px;
	width: 300px;
	margin: 20px;


	/*
	##Device = Desktops
	##Screen = 1281px to higher resolution desktops
	*/

	@media (min-width: 1281px) {

	//CSS

	var domIsReady = (function(domIsReady) {
	var isBrowserIeOrNot = function() {
	return (!document.attachEvent \|\| typeof document.attachEvent === "undefined" ? 'not-ie' : 'ie');
	}

	domIsReady = function(callback) {
	if(callback && typeof callback === 'function'){
	if(isBrowserIeOrNot() !== 'ie') {
	document.addEventListener("DOMContentLoaded", function() {
	return callback();

	(function (root, factory) {
	if ( typeof define === 'function' && define.amd ) {
	define([], factory(root));
	} else if ( typeof exports === 'object' ) {
	module.exports = factory(root);
	} else {
	root.myPlugin = factory(root);
	}
	})(typeof global !== "undefined" ? global : this.window \|\| this.global, function (root) {

	/**
	* Merge defaults with user options
	* @private
	* @param {Object} defaults Default settings
	* @param {Object} options User options
	* @returns {Object} Merged values of defaults and options
	*/
	var extend = function ( defaults, options ) {
	var extended = {};
	var prop;

	/**
	* Stop an iframe or HTML5 <video> from playing
	* @param {Element} element The element that contains the video
	*/
	var stopVideo = function ( element ) {
	var iframe = element.querySelector( 'iframe');
	var video = element.querySelector( 'video' );
	if ( iframe ) {
	var iframeSrc = iframe.src;
	iframe.src = iframeSrc;