Pablo Anttila papplo

Vanilla JavaScript Quick Reference / Cheatsheet

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle/Debounce Functions
Create DOM Elements	Conditionals

CSS Bear Toggle

A beary cute toggle.

A Pen by Anastasia Goodwin on CodePen.

License.

Programming

Plug in the cable, you need the LED to guide you
Pn + Left Ctrl to enter programming mode
Press the key that want to be programmed
Press the target key
Pn to apply
Pn + Left Ctrl to exit

It's possible to lose a key. Sometimes you need to backup it first.

(Originally from Mozilla Docs](https://developer.mozilla.org/en-US/docs/Web/Performance/Critical_rendering_path)

Critical Rendering Path

The Critical Rendering Path is the sequence of steps the browser goes through to convert the HTML, CSS, and JavaScript into pixels on the screen. Optimizing the critical render path improves render performance.The critical rendering path includes the Document Object Model (DOM), CSS Object Model (CSSOM), render tree and layout.

The document object model is created as the HTML is parsed. The HTML may request JavaScript, which may, in turn, alter the DOM. The HTML includes or makes requests for styles, which in turn builds the CSS object model. The browser engine combines the two to create the Render Tree. Layout determines the size and location of everything on the page. Once layout is determined, pixels

	<?php

	/*
	* Creating a function to create our CPT LENEROS
	*
	*/
	function create_posttype_leneros() {

	register_post_type( 'leneros',
	// CPT Options

	<script type="text/javascript">

	function initialized() {
	var map;
	var bounds = new google.maps.LatLngBounds();
	var mapOptions = {
	mapTypeId: 'roadmap'
	};

	// Display a map on the page with div id show_map_div

	<!-- Call css apart -->
	<style type="text/css">
	body {
	color: #333333;
	font-family: 'Helvetica', arial;
	height:1500px;
	}
	.wrap {
	padding: 40px;
	text-align: center;

	<?php
	function optimize_heartbeat_settings( $settings ) {
	// Experiment with these two settings below
	$settings['autostart'] = false; // default is true
	$settings['interval'] = 60; // 15 sec by default

	return $settings;
	}
	add_filter( 'heartbeat_settings', 'optimize_heartbeat_settings' );

	# Advanced JS \| Summary

	The purpose of this sprint is to learn:

	- Types, values and properties
	- Function expressions vs function declarations
	- Hoisting
	- Closures
	- Strict mode
	- Context

	function listToMatrix(list, elementsPerSubArray) {
	var matrix = [], i, k;
	for (i = 0, k = -1; i < list.length; i++) {
	if (i % elementsPerSubArray === 0) {
	k++;
	matrix[k] = [];
	}
	matrix[k].push(list[i]);
	}
	return matrix;