Rob Scott

<p>Eazy HTML5 Elements is a WordPress plugin that displays most HTML elements using a shortcode.<br />
This allows theme developers to visualize how HTML elements will display.</p>
<p>Eazy HTML5 Elements includes material copied from or derived from HTML5. Copyright © 2014 W3C® (MIT, ERCIM, Keio, Beihang).</p>
<p>HTML elements are grouped into 5 sections following the HTML5 spec by W3C</p>
<h4>HTML HEADINGS</h4>
<p>h1, h2, h3, h4, h5, h6</p>
<h4>GROUPING HTML CONTENT</h4>
<p>p, br, pre, blockquote, ol, ul, li, dl, dt, dd, figure, figcaption, div, main</p>
<h4>TEXT LEVEL SEMANTICS</h4>
<p>a, em, strong, small, s, cite, q, dfn, abbr, data, time, code, var, samp, kbd, sub, sup, i, b, u, mark, ruby, bdi, bdo, span, br, wbr</p>
<h4>EDITS</h4>
<p>ins, del</p>
<h4>EMBEDDED CONTENT</h4>
<p>img, iframe, embed, object, param, video, audio, source, track</p>
<h4>TABLES</h4>
<p>table, thead, tfoot, tbody, tr, th, td</p>
<h4>FORMS</h4>
<p>form, input<br />
Input types include:<br />
Text Field, Password Field, Radio Buttons, Checkbox, Number, Date, Color, Range, Month, Week, Time, Datetime, Datetime Local, E-mail, Telephone Number, URL, File, Select, Datalist, Optgroup, Option, Textarea, Keygen, Progress, Meter, Submit Button</p>


Eazy HTML5 Elements

Eazy HTML5 Elements displays most HTML elements using a shortcode. This allows theme developers to visualize how HTML elements will display.

Ryan Welcher

<p>Many times when creating a custom theme or plugin there is need to view a piece of data you are working with which can be unweidly and not to mention ugly.<br />
This plugin adds a new tab to the Debug Bar plugin that allows you to “trace” the data to a window and displays not only the data, but where the call came from and optionally a description.</p>
<p>Plus, it’s green like the Matrix.</p>
<h3>About debug_trace</h3>
<p>The method debug_trace() takes one parameter that can be of any data type.<br />
If you want to pass a descriptor for the debug_trace(), pass an array with the following indices:</p>
<ul>
<li>‘key’ => The descriptor</li>
<li>‘data’ => What you want to trace – can be any data type.</li>
</ul>
<p>Behind the scenes, each trace is actually an array containing the location of the call, the data and optionally a custom key.<br />
If the parameter passed to debug_trace() is an array that has a key of ‘key’ or ‘data’, then the method overrides the defaults with it.<br />
Otherwise, the method assumes you want to trace the passed parameter as the ‘data’.</p>


Debug Bar Tracer

Trace messages/data to a Debug Bar window from your theme or plugin. Requires the Debug Bar plugin

Eazy HTML5 Elements vs Debug Bar Tracer