Dom Talbot domjtalbot

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

git clone [email protected]:YOUR-USERNAME/YOUR-FORKED-REPO.git

cd into/cloned/fork-repo
git remote add upstream git://github.com/ORIGINAL-DEV-USERNAME/REPO-YOU-FORKED-FROM.git
git fetch upstream

	# Defaults / Configuration options for homebridge
	# The following settings tells homebridge where to find the config.json file and where to persist the data (i.e. pairing and others)
	HOMEBRIDGE_OPTS=-U /var/lib/homebridge

	# If you uncomment the following line, homebridge will log more
	# You can display this via systemd's journalctl: journalctl -f -u homebridge
	# DEBUG=*

	// ES6 w/ Promises
	// Note: From a React starter template - see https://t.co/wkStq8y3I5
	function fetchData(routes, params) {
	let data = {};

	return Promise.all(routes
	.filter(route => route.handler.fetchData)
	.map(route => {
	return route.handler.fetchData(params).then(resp => {
	data[route.name] = resp;