Vídeo: Ferramentas do desenvolvedor (Developer Tools) do Google Chrome 2024
À medida que você começa a desenvolver e codificar o seu próprio páginas da Web, você executará algumas tarefas repetidamente. Os seguintes recursos ajudarão a tornar sua vida um pouco mais fácil. Alguns recursos são softwares para baixar e instalar, enquanto outros são extensões que você pode adicionar ao seu navegador:
-
Instant Eyedropper: Encontre a cor em um wireframe ou combine a cor em um logotipo com essa ferramenta de seleção de cores, que permite que você encontre a cor de qualquer coisa exibida na tela.
-
Régua: mida o tamanho do pixel dos botões, imagens e layouts.
-
F. lux: olhar para seu monitor por horas pode esticar seus olhos. Facilite a tensão do seu olho ajustando automaticamente o monitor para a hora do dia, quente à noite e como a luz solar durante o dia.
-
Awesome Screenshot: Screenshot seu site para mostrar outros ou screenshot outros sites para a inspiração.
-
Social good ipsum: Lorem ipsum é uma palavra latina usada por desenvolvedores como texto de espaço reservado ao prototipagem de páginas da web. Esta versão usa a cópia geralmente encontrada em sites de ONGs.
-
User agent switcher: Veja o seu site como se estivesse usando Chrome, Firefox, iPhone, Android ou mesmo um Windows Phone.
-
guia IE: exiba páginas da web usando o mecanismo de renderização do Internet Explorer. O IE pode exibir páginas da Web de forma diferente do outro navegador, e isso permite que você veja seu site em uma guia e como o IE a torna em outra guia.
-
Dribbble: veja projetos criativos compartilhados por designers e outros desenvolvedores para atuar como inspiração para seus próprios sites.
-
Teste de resolução: os visitantes do seu site usam diferentes resoluções, que você pode testar usando este aplicativo.
-
Userium: analise os problemas comuns de usabilidade antes de iniciar o seu site.
