Russell Wilson ghostrydr

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

Reference(s):

http://www.sourcegear.com/diffmerge/downloads.php - get the installer version, NOT the dmg version

You can use this diagram as a template to create your own git branching diagrams. Here's how:

Create a new diagram with diagrams.net (formerly draw.io)
Go to File > Open From > URL
Insert this url (it points to the xml data below): https://gist.githubusercontent.com/bryanbraun/8c93e154a93a08794291df1fcdce6918/raw/bf563eb36c3623bb9e7e1faae349c5da802f9fed/template-data.xml
Customize as needed for your team.

	<?php

	// In your template files like footer.php

	// The items_wrap value ('%3$s') removes the wrapping <ul>, while the custom walker (Nav_Footer_Walker) removes the <li>'s.

	wp_nav_menu(array('items_wrap'=> '%3$s', 'walker' => new Nav_Footer_Walker(), 'container'=>false, 'menu_class' => '', 'theme_location'=>'footer', 'fallback_cb'=>false ));

	?>

	document.cookie.split(';').map(function(c) {
	return c.trim().split('=').map(decodeURIComponent);
	}).reduce(function(a, b) {
	try {
	a[b[0]] = JSON.parse(b[1]);
	} catch (e) {
	a[b[0]] = b[1];
	}
	return a;
	}, {});

	(function(window, document){
	'use strict';
	var slice = [].slice;
	var removeClass = function(elem){
	elem.classList.remove('focus-within');
	};
	var update = (function(){
	var running, last;
	var action = function(){
	var element = document.activeElement;

	<!DOCTYPE html>
	<html>
	<svg width="80%" height="80%" viewBox="-100 -100 200 200">

	<!-- Need this definition to make a drop shadow - based on examples from many articles, including svg spec -->
	<defs>
	<filter id="drop-shadow" x="-100%" y="-100%" width="300%" height="300%">
	<feGaussianBlur in="SourceAlpha" stdDeviation="2"/>
	<feOffset dx="5" dy="5" result="offsetblur"/>
	<feFlood flood-color="#000000"/>

	import React, { useState, useContext, useRef } from 'react'
	import { DatePicker } from 'material-ui-pickers'
	import { MuiPickersContext } from 'material-ui-pickers'

	export default function DateMultiPicker({
	value,
	onChange,
	labelFunc,
	format,
	emptyLabel,