Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Making Firebug and WebKit Inspector work again

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 README.md
Octocat-spinner-32 decompactor.html
Octocat-spinner-32 reset.debug.css
README.md

De-Compacted Version of HTML5 Reset CSS for Debugging

Purpose

HTML Reset, originally by Eric Meyer and given HTML5 updates by folks like Richard Clark, is awesome.

But it makes tools like Firebug, WebKit inspector, IE Developer Tools, and Opera Dragonfly hard to use. HTML Reset Debug makes site development easier by listing each selector only once and explicitly defining all CSS properties and values. Once your site is built, you should switch to a compacted, minified version of your choice.

Examples

Here's a few elements and how they are defined.

html {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
} 
body {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    line-height:1;
}
blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    quotes: none;
} 
blockquote:before {
    content: '';
    content: none;
} 
blockquote:after {
    content: '';
    content: none;
}   
ol {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    list-style: none;
} 
canvas {
    display:block;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
Something went wrong with that request. Please try again.