Leszek Pietrzak magicznyleszek

Debugging AngularJS from console

Note: In Chrome Console, instead of document.querySelector, you can use $0 - $4 to access the last 5 DOM elements selected in the inspector window.

Access Scopes

var fooCtrl = angular.element(document.querySelector('[ng-controller*="fooCtrl"]')).scope();

Atom Keyboard Shortcuts

General

shift + ⌘ + p -- toggle command palette

⌘ + / -- toggle line/selection comment

alt + shift + s -- show available snippets

CSS Selectors Cheatsheet

Hi! If you see an error or something is missing (like :focus-within for few years :P) please let me know ❤️

Element selectors

Element -- selects all h2 elements on the page

h2 {

Google Search Variables

If you forgot about any of these terms, go to the Advanced Search page and be happy.

Words-related

Either/or -- search for pages containing any of phrases

Design Process

Main steps:

Meet
1. Introduction
2. Questions
3. Money
Explore
Research

Metavariables

foo
bar
fum
baz
qux
zot
asd
zxc

To check out and include:

Website Checklist

A list of elements that needs to be defined for the website to be ready for big action.

Vanilla JavaScript

Some vanilla equivalents to jQuery methods.

DOM selectors

jQuery:

	var colors = {
	ALICEBLUE: '#F0F8FF',
	ANTIQUEWHITE: '#FAEBD7',
	AQUA: '#00FFFF',
	AQUAMARINE: '#7FFFD4',
	AZURE: '#F0FFFF',
	BEIGE: '#F5F5DC',
	BISQUE: '#FFE4C4',
	BLACK: '#000000',
	BLANCHEDALMOND: '#FFEBCD',

	// version 4-2017.18
	(function dbprune() {
	// restore page scrolling
	var body = document.body;
	var html = body.parentElement;
	body.style['overflow'] = body.style['overflow-y'] = 'auto';
	html.style['overflow'] = html.style['overflow-y'] = 'auto';

	// check if this is a mobile display
	var mHeight = 680;