Hoje, estou compartilhando com você minha lista selecionada 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. O Grande Suspensório
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.Sob o capô, o que ele faz é remover as páginas da Web inativas de seus gráficos, JS, etc.
The Great Suspender Chrome Extension
2. Verificação de UX
UX Check Chrome Extension ajuda você 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 Nielsen's Ten Heuristics em um painel lateral como com Chrome Dev tools . Você pode clicar em qualquer elemento que não passe na avaliação para adicionar notas, tirar screenshots e exportar como arquivo s docx para facilitar o compartilhamento.
UX Check Chrome Extension
3. Conta-gotas
Conta-gotas é a ferramenta de seleção de cores mais incrível para mim.Possui 2 guias - Eyedropper e Cooler seletor. A ferramenta conta-gotas permite escolher cores de qualquer página da Web, enquanto a ferramenta seletora de cores permite selecionar cores personalizadas.
As cores selecionadas em páginas da Web ou selecionadas na guia do seletor de cores são salvas automaticamente em uma paleta que pode ser baixada como um arquivo CSV. Além disso, o Conta-gotas exibe todas as cores em códigos RGB, HSL, HEX e por nome, além de oferecer suporte a atalhos de teclado.
Extensão Chrome 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 fontes pagas.
FontFace Ninja também tem opções para usar o modo escuro, detectar fontes em imagens (beta) e exibir opções de favoritos.
FontFace Ninja Chrome Extension
5. Régua de página
Page Ruler é uma extensão de régua minimalista que permite medir larguras e alturas em páginas da web. Possui vários atalhos de teclado, navegação por elementos pai e filho, diretrizes de medição e localização em 10 idiomas.
Page Ruler Chrome Extension
6. Baixador de vídeos do Facebook
FB Down pode facilmente baixar vídeos do Facebook e 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ê optar por baixar o vídeo sem áudio).
FB Down atua como um farejador de links em páginas da web e o ícone acende quando vê conteúdo para download.
Facebook Video Downloader Chrome Extension
7. PerfectPixel
PerfectPixel da WellDoneCode, é a melhor extensão para criar sites com pixels perfeitos. Ele permite definir 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.
PerfectPixel Chrome Extension
8. TinEye
TinEye é a ferramenta perfeita de pesquisa reversa de imagens e a primeira a implementar a tecnologia de identificação de imagem, 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 as de seu índice.
TinEye não apenas retorna imagens semelhantes em seus resultados de pesquisa, mas também correspondências exatas, não excluindo versões cortadas, redimensionadas e editadas.
TinyEye Chrome Extension
9. CSS Pepper
CSS Pepper permite extrair CSS (mesmo de objetos ocultos) e criar belos guias de estilo de maneira bem organizada. Isso permite que designers e desenvolvedores gastem mais tempo trabalhando no design do que pesquisando no código.
Extensão do Chrome Pepper
10. WhatRuns
WhatRuns informa sobre tudo em execução em qualquer site, incluindo estruturas, temas, fontes, CMS etc.
Além disso, você pode seguir sites para que a extensão o notifique quando novas tecnologias forem adicionadas.
Extensão ChromeWhatRuns
11. Muzli
Muzli é uma extensão gratuita que traz milhares de designs bonitos e inspiradores diretamente para o seu navegador na forma de uma nova substituição de guia .
Cada vez que você abre uma nova guia, o Muzli a preenche com alguns dos designs mais bonitos de mais de 120 fontes, incluindo InVision, Muzli, Dribble, Product Hunt, CNN, CSS Author, etc! Esta é uma joia para designers.
Muzli Chrome Extension
12. Dimensões
Dimensions é uma extensão gratuita e de código aberto que oferece uma maneira inteligente de medir as 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 para aproveitar a melhor experiência.
Dimensions Chrome Extension
Existem outras extensões que você deve conhecer, por exemplo 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 perceber durante o desenvolvimento.
E Check My Links que rastreia suas páginas da web para garantir que você não tenha links quebrados - este é gratuito, mas não tão robusto.
Você tem extensões interessantes para designers e desenvolvedores que devemos conhecer? Adicione-os na seção de comentários abaixo.