Kenta Hoshino Kenty

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

こもりが使っているモノやそうでないものも含め、なんとなくWebデザイナーやWebデベロッパーな人たちに便利そうなのを集めてみました。

	<template name="imageUploader">
	<h2>Picture</h2>
	<p>
	{{#each images}}
	<img src="{{url}}" alt="">
	<input type="button" value="remove" class="btnRemove"/>
	{{else}}
	No files uploaded.
	{{/each}}
	</p>

	<?php
	add_theme_support('menus');

	/**
	* Register Menus
	* http://codex.wordpress.org/Function_Reference/register_nav_menus#Examples
	*/
	register_nav_menus(array(
	'top-bar-l' => 'Left Top Bar', // registers the menu in the WordPress admin menu editor
	'top-bar-r' => 'Right Top Bar'

	<?php

	// Please see https://github.com/Lewiscowles1986/WordPressSVGPlugin from now on