Ivan Vermeyen ivanvermeyen

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

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

Multiple MySQL Versions for Development

Options included below:

Using Docker docker-compose
Using Homebrew brew

Using Docker (recommended)

This gist was originally created for Homebrew before the rise of Docker, yet it may be best to avoid installing mysql via brew any longer. Instead consider adding a barebones docker-compose.yml for each project and run docker-compose up to start each project's mysql service.

	/**
	* VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
	*
	* To overcome this, create media queries that target the width, height, and orientation of iOS devices.
	* It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing
	* the height of element `.foo` —which is a full width and height cover image.
	*
	* iOS Resolution Quick Reference: http://www.iosres.com/
	*/

	<?php

	$rbls = [
	'b.barracudacentral.org',
	'cbl.abuseat.org',
	'http.dnsbl.sorbs.net',
	'misc.dnsbl.sorbs.net',
	'socks.dnsbl.sorbs.net',
	'web.dnsbl.sorbs.net',
	'dnsbl-1.uceprotect.net',

	@servers([ 'remote' => 'server.example.com', ])

	@setup
	if ( ! isset($repo) )
	{
	throw new Exception('--repo must be specified');
	}

	if ( ! isset($base_dir) )
	{

	@servers([ 'remote' => 'server.example.com'])

	@setup
	if ( ! isset($repo) )
	{
	throw new Exception('--repo must be specified');
	}

	if ( ! isset($base_dir) )
	{

	Quick tip for handling CSRF Token Expiration - common issue is when you use csrf protection is that if
	a form sits there for a while (like a login form, but any the same) the csrf token in the form will
	expire & throw a strange error.

	Handling it is simple, and is a good lesson for dealing with other types of errors in a custom manner.

	In Middleware you will see a file VerifyCsrfToken.php and be tempted to handle things there. DON'T!
	Instead, look at your app/Exceptions/Handler.php, at the render($request, Exception $e) function.

	All of your exceptions go through here, unless you have excluded them in the $dontReport array at the

	<?php

	namespace App\Http\Middleware;

	use Closure;
	use Illuminate\Auth\Access\AuthorizationException;

	class VerifyTenants
	{
	/**