12 extensões do Chrome para desenvolvedores e designers

 

Hoje, estou compartilhando com vocês minha lista com curadoria de 12 extensões do Chrome para designers e desenvolvedores. Estou animado por esta ser minha área de especialização, então vamos direto ao assunto.

1. The Great Suspender

The Great Suspender  é uma extensão gratuita e de código aberto do Google Chrome que minimiza a quantidade de memória que o Chrome usa. Ele faz isso suspendendo automaticamente as guias que estavam inativas. Nos bastidores, o que ele faz é remover as páginas da web inativas de seus gráficos, JS, etc.

The Great Suspender Chrome Extension

2. UX Check

A extensão UX Check Chrome ajuda a reconhecer problemas de usabilidade por meio de uma avaliação heurística rápida e fácil.

O fluxo de trabalho é simples. Clique no ícone para iniciar  as Dez Heurísticas da Nielsen em um painel lateral, como as ferramentas Chrome Dev . Você pode clicar em qualquer elemento que não passe na avaliação para adicionar notas, fazer capturas de tela e exportar como um arquivo docx para facilitar o compartilhamento.

Extensão do Chrome UX Check

3. Eye  Dropper

O conta - gotas é a ferramenta de seleção de cores mais incrível, no que me diz respeito. Possui 2 guias -seletor deconta- gotas e refrigerador . A ferramenta conta-gotas permite que você escolha cores de qualquer página da web, enquanto a ferramenta de seleção de cores permite que você selecione cores personalizadas.

As cores escolhidas nas páginas da web ou selecionadas na guia do seletor de cores são salvas automaticamente em uma paleta que você pode baixar como um arquivo CSV. Além disso, o conta-gotas exibe todas as cores em códigos RGB, HSL, HEX e por nome, e oferece suporte para atalhos de teclado.

Extensão do Chrome para conta-gotas

4. FontFace Ninja

FontFace Ninja é capaz de exibir informações sobre qualquer fonte em qualquer site. Ele contém links para download de fontes gratuitas e uma opção para exibir os preços das pagas

FontFace Ninja também tem opções para usar o modo escuro, detectar fontes em imagens (beta) e exibir opções de favoritos.

Extensão FontFace Ninja para Chrome

5. Page Ruler

O Page Ruler é uma extensão de régua minimalista que permite medir larguras e alturas em páginas da web. Ele apresenta vários atalhos de teclado, navegação por elementos pai e filho, diretrizes de medição e localização em 10 idiomas.

Extensão do Chrome Page Ruler

6. Downloader de vídeo do Facebook

O FB Down pode facilmente baixar vídeos do Facebook e de qualquer outra página com reprodução de vídeo. Você pode usá-lo para baixar todos os formatos de mídia populares, incluindo certos vídeos protegidos por direitos autorais (quando você opta por baixar o vídeo sem áudio).

O FB Down atua como um sniffer de link em páginas da web e o ícone acende quando vê conteúdo para download.

Extensão do Chrome para download de vídeos do Facebook

7. PerfectPixel

PerfectPixel da WellDoneCode, é a melhor extensão para a criação de sites com pixels perfeitos. Ele permite que você defina imagens como sobreposições que você pode comparar com o site de desenvolvimento. Ele suporta atalhos de teclado, sobreposição de imagem semitransparente e muito mais.

Extensão PerfectPixel do Chrome

8. TinEye

TinEye é a ferramenta perfeita de busca reversa de imagens e a primeira a implementar tecnologia de identificação de imagens, em vez de palavras-chave, metadados ou marcas d'água. Ele funciona criando assinaturas digitais exclusivas para imagens e, em seguida, compara as assinaturas com aquelas em seu índice.

TinEye não retorna apenas imagens semelhantes em seus resultados de pesquisa, mas correspondências exatas, não excluindo versões cortadas, redimensionadas e editadas.

Extensão do Chrome TinyEye

9. CSS Pepper

CSS Pepper permite que você extraia CSS (mesmo de objetos ocultos) e crie lindos guias de estilo de uma maneira bem organizada. Isso permite que designers e desenvolvedores passem mais tempo trabalhando no design do que pesquisando no código.

Extensão CSS Pepper Chrome

10. WhatRuns

WhatRuns informa sobre tudo o que está em execução em qualquer site da Web, incluindo frameworks, temas, fontes, CMS, etc.

Além disso, você pode seguir os sites para que a extensão o notifique quando novas tecnologias forem adicionadas.

Extensão WhatRuns do Chrome

11. Muzli

Muzli é uma extensão gratuita que traz milhares de designs bonitos e inspiradores direto para o seu navegador na forma de uma nova substituição de guia.

Cada vez que você abre uma nova guia, Muzli a preenche com alguns dos mais belos designs de mais de 120 fontes, incluindo InVision, Muzli, Dribble, Product hunt, CNN, CSS Author, etc! Esta é uma joia para designers.

Extensão Muzli do Chrome

12. Dimensões

Dimensões  é uma extensão gratuita e de código aberto que oferece uma maneira inteligente de medir distâncias entre os elementos da página.

Encontre as dimensões da imagem e dos elementos HTML arrastando e passando o mouse relativamente. Você também pode usar atalhos de teclado para trabalhar - lembre-se de definir um atalho de teclado no final da lista de extensões do Chrome para alternar a extensão a fim de aproveitar a melhor experiência.

Extensão do Chrome de dimensões

Existem outras extensões que você deve conhecer, por exemplo, o  Checkbot visa aumentar sua reputação de SEO e a velocidade e segurança geral do site, verificando links quebrados, páginas inseguras, HTML / CSS / JS inválido, títulos duplicados e outros problemas que você pode não notar durante o desenvolvimento.

E verifique meus links, que rastreia suas páginas da web para se certificar de que não há links quebrados - este é gratuito, mas não tão robusto.

Você tem extensões legais para designers e desenvolvedores que devemos conhecer? Adicione-os na seção de comentários abaixo.