Arnau Manyosa-Plaza arnaumanyosa

Install normalize.css via npm

npm install --save normalize.css

1.1 Or yarn

yarn add normalize.css

Handle CORS Client-side

Cross-origin resource sharing (CORS) is a mechanism that allows restricted resources (e.g. fonts) on a web page to be requested from another domain outside the domain from which the first resource was served. This is set on the server-side and there is nothing you can do from the client-side to change that setting, that is up to the server/API. There are some ways to get around it tho.

Sources : MDN - HTTP Access Control | Wiki - CORS

CORS is set server-side by supplying each request with additional headers which allow requests to be requested outside of the own domain, for example to your localhost. This is primarily set by the header:

Access-Control-Allow-Origin

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

Configure Synology NAS as Git Server

Instructions for setting up a git server on a Synology NAS with Diskstation. Specifically, I am using a DS414 with DSM 5.0.

Set Up User and Folder

Create user gituser via Diskstation interface (with File Station and WebDAV privilages)
Add new shared folder called git (located at /volume1/git) with read/write access for gituser and admin. This folder will hold all the repos.
Install Git Server package via Diskstation

Initialize

gitflow	git
`git flow init`	`git init`
	`git commit --allow-empty -m "Initial commit"`
	`git checkout -b develop master`

	Synology NAS - How to make a program run at startup
	The other day I created a little node.js project to keep track of some finances. Synology has a node.js package but that just installs the tools - it has no 'container' or any other support to drop files and have it run automagically. Maybe one day.

	In the meantime, you can start your project when you SSH into the NAS. My project has a 'www' script which bootstraps my project, so to start I simply type 'node bin/www' from the project directory. But, it only runs while I'm logged in, and if I log out for any reason, the process dies. That's hardly useful when I'm away from home, or on a different PC. So I decided to have a look at starting my project as a Linux service.

	After doing a lot of research into how Synology does services, and a few failed attempts at init scripts, I found that Synology DSM (since version 5 perhaps) bundles Upstart, which is a neat little tool to deal with services on Linux. It's most prevalent on Debian and derivatives (notably Ub

	/*
	* Handling Errors using async/await
	* Has to be used inside an async function
	*/
	try {
	const response = await axios.get('https://your.site/api/v1/bla/ble/bli');
	// Success 🎉
	console.log(response);
	} catch (error) {
	// Error 😨

	// Helpers.
	import { convertToText } from './';

	/*
	You would call this when receiving a plain text
	value back from an API, and before inserting the
	text into the `contenteditable` area on a page.
	*/
	const convertToMarkup = (str = '') => {
	return convertToText(str).replace(/\n/g, '<br>');

	###############################################################################
	# Helpful Docker commands and code snippets
	###############################################################################

	### CONTAINERS ###
	docker stop $(docker ps -a -q) #stop ALL containers
	docker rm -f $(docker ps -a -q) # remove ALL containers
	docker rm -f $(sudo docker ps --before="container_id_here" -q) # can also filter

	# exec into container

	const arr1 = [1,2,3]
	const arr2 = [4,5,6]
	const arr3 = [...arr1, ...arr2] //arr3 ==> [1,2,3,4,5,6]