Mark Plunkett markusvonplunkett

Performance on Synology RAIDs

(especially while expanding)

Warning: The exact commands may not match for your particular linux OS / Synology(NAS) device. I had to customize the commands after exploring my particular system's setup.

If you're new to linux, or this is a new piece of hardware / a new synology device, jump down to the section called "Inspecting a setup"

What you should know about `tabindex`

tabindex is an HTML core global attribute.

With it you can control in what order the elements get the focus, when the user presses the TAB key. You can also prevent an element to gain focus through the TAB key.

Typical example:

We have a login form

Sketch App Resources

A few Sketch resources taken from Clark Wimberly's (@clarklab) talk at RWD Summit.

Learn Sketch:

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

	<?php

	// Run with the URL pointing to a require-config.js as the first argument;
	// php identify.php http://magento2demo.firebearstudio.com/pub/static/frontend/Magento/luma/en_US/requirejs-config.js

	$content = file_get_contents($argv[1]);
	preg_match_all(
	'/(?P<quote>\'\|")(?P<extension>[[:alnum:]]+_[[:alnum:]]+)\/js\/.+?(?P=quote)/m',
	$content,
	$matches

	// Customisable spacing units. these can be changed and new ones added
	$spacing-units: (
	1: 3px,
	2: 5px,
	3: 8px,
	4: 13px,
	5: 21px,
	);

	// These will not change this is just to help generate the classes with the correct naming

	/*
	Kieran Venison scss mixin
	[email protected]
	Example usage: http://codepen.io/Kieranmv95/pen/QNYLvE
	*/

	// Name: Arrow
	// Params: direction, color, size
	@mixin arrow($arrow-direction, $arrow-color, $arrow-size){