Diegoliveira Potapczuk

Google Chrome Developer Tools

Google Chrome

O navegador da Google, o Chrome, agora tem, de forma totalmente integrada, uma ferramenta para os desenvolvedores web no nível do FireBug do Firefox.

A ferramenta é dividida em 4 módulos principais:

• Elements: Responsável por analisar todos os elementos da página, podendo visualizar e editar suas propriedade HTML e CSS.
• Resources: Responsável por visualizar de forma bastante fácil o que é carregado na página e quanto cada elemento demora para ser carregado.
• Scripts: Ferramenta para visualizar os scripts da página e também para fazer sua depuração.
• Profile: Responsável por fazer o profile (tempo de execução) dos scripts que são executados na página, mostrando aqueles que deixam o site mais demorado para carregar.

Para maiores informações acesse:
http://www.chromium.org/devtools

Apresentação sobre CSS

Aproveitando a deixa posto aqui minha segunda apresentação postada no SlideShare, essa aqui foi a apresentação que usei para dar um mini-curso sobre CSS e algumas práticas dele.