simple-debug.css

simples debug.css obras de adição de um esboço 1 pixel a todos os elementos da página.
O script também adiciona progressivamente uma cor de fundo transparente para todos os elementos da página, e como os elementos são aninhados um no outro, as cores do fundo se sobrepõem, criando uma cor mais profunda e mais escura como o elemento está dentro de mais recipientes.
Isso permitirá que os desenvolvedores visualizar como elementos alinhar uns aos outros na página e detectar eventuais problemas que possam estar tendo antes de lançar o site em um ambiente de produção.
simple-debug.css pode ser instalado como um arquivo CSS regular em seus projetos, ou você pode carregá-lo temporária em qualquer página através de um bookmarklet simples navegador.