Abdelrahman Hassan Abdo-Hassan

Sublime Text 3 - Useful Shortcuts (Windows)

General

Shortcut	Description
`Ctrl`+`Shift`+`P`	command prompt
`Ctrl`+`Alt`+`P`	switch project
`Ctrl`+`P`	go to file
`Ctrl`+`G`	go to line

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

Below is the list of modern JS frameworks and almost frameworks – React, Vue, Angular, Ember and others.

All files were downloaded from https://cdnjs.com and named accordingly. Output from ls command is stripped out (irrelevant stuff)

As-is (minified)

$ ls -lhS
566K Jan 4 22:03 angular2.min.js

Bash command line Shortcuts

Picked these from here

Command Editing Shortcuts

Command	Note
`Ctrl` + `a`	go to the start of the command line
`Ctrl` + `e`	go to the end of the command line
Ctrl + k	delete from cursor to the end of the command line

Fetch API Examples

⚠️ 2019-2020: See more examples and updates on my article here!

https://danlevy.net/you-may-not-need-axios/

=====================================================

Quick examples

feat: new feature
fix(scope): bug in scope
feat!: breaking change / feat(scope)!: rework API
chore(deps): update dependencies

Commit types

build: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
ci: Changes to CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)
chore: Changes which doesn't change source code or tests e.g. changes to the build process, auxiliary tools, libraries


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

	@media (min-width: 1281px) {

	/* CSS */

	I use the first


	—– BEGIN LICENSE —–
	Michael Barnes
	Single User License
	EA7E-821385
	8A353C41 872A0D5C DF9B2950 AFF6F667
	C458EA6D 8EA3C286 98D1D650 131A97AB
	AA919AEC EF20E143 B361B1E7 4C8B7F04

	/*
	If you are attempting to call an AJAX API, via GET which responds:
	No 'Access-Control-Allow-Origin' header is present on the requested resource.

	You can modify the way you query it to go through a server which will add the header.
	Basically, you add the URL you want (with query string parameters) at the end of
	'https://cors-anywhere.herokuapp.com/'
	, and ensure that your ajax call is done with some additional options as shown below

	See CORS-Anywhere documentation here for more:

	# GET VERSION
	yarn -v (or --version)

	# GET HELP
	yarn help

	# CREATE PACKAGE.JSON
	yarn init
	yarn init -y // Use defaults