Pagina inicial » Kit de ferramentas » 40 extensões úteis do Google Chrome para web designers

    40 extensões úteis do Google Chrome para web designers

    Eu amo o Google Chrome. Sua simplicidade, velocidade e desempenho são excelentes, sem dúvida. Mas às vezes, ser muito simples também é um problema, especialmente para nós, web designers, que dependem muito de addons do Firefox, como o Web Developer. Eu saí do Chrome, sim, só porque não tinha addon em 2008.

    Mas agora tudo muda novamente. Não é surpresa que outros geeks estejam gostando do Chrome e decidiram criar o Chrome Extension, que tem uma função semelhante ao Firefox Addon. Eu mergulhei naquelas extensões e fiquei muito satisfeito com elas, por isso decidi pegar 40 extensões que são extremamente úteis para web designers e compartilhar com vocês.

    Então, aqui estão elas para você, direcione seu Chrome e aumente sua produtividade.

    Cor

    ColorPicker

    Assim como seu nome, o ColorPicker é uma extensão conveniente criada principalmente para escolher e obter o valor das cores em qualquer lugar da página da web. Além disso, você pode escolher uma área e clicar na paleta de cores para ver como a cor da área muda sem tocar em nenhum código..

    Paleta do cromo

    Tendo dor de cabeça ao encontrar esquema de cores a partir da imagem? A paleta do Google Chrome resolve seu problema de maneira eficiente criando até 64 paletas de cores a partir da imagem do website para suas necessidades de design ou inspiração.

    Cor tweaker

    O Color Tweaker pode modificar a cor do site como o Color Picker, mas com um método mais específico. Basta introduzir o selector CSS nesta extensão e depois ajustar a cor do texto, fundo e cor da borda à sua vontade.

    Tipografia

    Editor de Fontes

    Sem mais adivinhação e comutação de programas cansativa, o Font Editor permite que você modifique e observe a configuração da fonte como tamanho, altura da linha e variante animada.

    Google Font Previewer

    Conforme especificado em seu nome, essa extensão permite que você visualize a fonte do Diretório de fontes do Google com opções de estilo de texto que são tamanho, estilo, peso e sombras. Se estiver satisfeito com uma fonte específica, você pode copiar e colar o link e o código CSS fornecidos na extensão do código do seu site para usar a fonte.

    Desenvolvimento

    Desenvolvedor Web

    Provavelmente a extensão deve ter para web designer e desenvolvedor. Desde a visualização de scripts até a exibição de informações sobre objetos, o Web Developer tem como objetivo fornecer todas as informações de que você precisa em um site existente. A extensão também é armada com ferramentas úteis como selecionador de cor, redimensionador de janela, validador, etc.

    Pendule

    Ferramenta de desenvolvimento leve e útil, semelhante ao Web Developer, mas equipada apenas com ferramentas necessárias, como visualizador de estilo, visualizador de código-fonte e validador.

    Firebug Lite

    Diferente do que é no Firefox, o Firebug Lite oferece uma representação visual semelhante ao Firefox quando se trata de elementos HTML, elementos DOM e compartilhamento de modelos de caixa. Ele também vem com a capacidade de inspecionar elementos HTML com o mouse, e você pode editar propriedades CSS com esta extensão animada.

    Stylebot

    O Stylebot permite que você estilize qualquer site diretamente sem tocar no código CSS, o que economiza muito trabalho de digitação. A melhor característica desta extensão é provavelmente a sua capacidade de gerar código CSS para o seu uso sempre que fizer uma alteração no website..

    CSSViewer

    Cansado de pressionar "Inspecionar Elemento" toda vez que você quiser saber qual estilo CSS é aplicado a determinado elemento? CSS Viewer ajuda você a exibir informações essenciais, como fonte, cor e posicionamento do elemento animado.

    Reloader de folha de estilo

    Recarrega folha de estilo CSS sem atualizar o site inteiro, o que economiza muito seu tempo de espera, especialmente para projetistas com conexão lenta à Internet.

    BuiltWith Technology Profiler

    A parte mais legal dessa extensão é listar todas as tecnologias da web implementadas, como frameworks e padrão web, com informações muito detalhadas..

    IE Tab Multi

    Provado ser o mais semelhante ao Internet Explorer original, o IE Tab Multi é o seu Internet Explorer dentro do Chrome, que suporta vários recursos padrão do IE, como várias guias.

    Resizer janela

    Com o Window Resizer, você pode testar a compatibilidade de resolução de tela do seu site com resoluções de tela padrão ou definidas pelo usuário.

    Validador de HTML

    Uma das melhores extensões validadoras que podem validar o código HTML da página da web on-line ou localhost no modo automático ou manual. Você também pode optar por mostrar o resultado da validação na página da Web ou visualizá-lo em uma guia completamente nova.

    Vista

    Com várias opções de tema e fonte, o Sight destaca o código-fonte do site em uma forma mais confortável.

    Console PHP

    Sendo incomodado por erros do PHP, mas não sabe o que e onde está? O Console PHP auxilia você por erros de exibição, exceções e mensagens de depuração no formulário de notificação.

    Pesquisa da API JavaScript

    A pesquisa da API JavaScript adiciona suporte à barra de endereços do Google Chrome Omnibox, ou chamada de barra de endereços, para pesquisar funções JavaScript on-line com o recurso de preenchimento automático. Se a extensão não puder encontrar a função que você está pesquisando, ela sugerirá ainda mais pesquisas relacionadas da Pesquisa de Codesearch, Pesquisa de Codificação e Desenvolvimento do Google e a pesquisa da Rede de desenvolvedores da Mozilla..

    Pesquisa da API do jQuery

    Embora o jQuery tenha provado ser a principal biblioteca de Javascript que melhora a experiência do usuário, a pesquisa da API do jQuery concede a você a capacidade de pesquisar através da API do jQuery da Chrome Omnibox. Basta digitar 'jq' seguido de um espaço na omnibox e, em seguida, você está em movimento.

    Pesquisa PHP

    Semelhante à pesquisa da API do jQuery, essa extensão adiciona suporte à sua Omnibox do Chrome para pesquisar código PHP para seu uso de referência.

    Produtividade

    Mantenha o foco

    Swored para manter-se longe do tempo desperdiçando site, mas nunca o fez com sucesso? O Stay Focused atua como seu supervisor virtual que bloqueia o site de desperdício de tempo por um tempo especificado e o aconselha seriamente quando você tenta desbloquear ou diminuir o tempo de bloqueio do site. Ele também é armado com um recurso crucial, como opção nuclear e modo de desafio, que mata seu tempo desperdiçando o desejo de uma maneira impiedosa.

    PopChrom

    Com o PopChrom, você pode definir seus próprios atalhos para frases de texto, como 'ty' para 'obrigado'. A chave de ativação é necessária para transformar a abreviação em frases de texto definidas, portanto, escolha uma combinação de teclas que não trava com outra tecla de atalho.

    Kit de Produtividade Quickrr

    O Quickrr Productivity Kit oferece um conjunto de ferramentas básicas, porém úteis, como tradutor, calculadora, tarefa a fazer, conversor de unidades, etc..

    Todoist

    Com uma conta fácil de configurar, você pode acessar este gerenciador de tarefas para anotar e editar todas as tarefas que você precisa concluir. A melhor parte desta extensão é que suas tarefas são armazenadas on-line para que você possa acessar o registro de tarefas em todos os Chrome com essa extensão instalada.

    Ananke Timer

    Acompanhe seu tempo gasto em determinada tarefa ou registre o tempo gasto em determinado site. O temporizador Ananke também suporta múltiplos rastreamentos de tempo e permite que você navegue pelo que você rastreou no passado.

    Caixa de ferramentas do Chrome

    Criado pelo Google, o Chrome Toolbox oferece recursos personalizados, como modificação do comportamento de guias, restauração de dados de formulários e criação de atalhos que iniciam links predefinidos da pasta de favoritos.

    Página do Google Chrome estendida

    Ninguém gosta de clicar mais para acessar determinada página, o Chrome Page Extended é o seu atalho mais rápido para acessar todas as páginas necessárias do Chrome, como Extensões.

    AppJump

    Com o AppJump, você pode organizar e executar rapidamente o aplicativo Chrome a partir da barra de ferramentas do navegador.

    Bookmark Bar Switcher

    Muitos marcadores e não conseguiu organizá-los de forma eficiente? O Boorkmark Bar Switcher permite criar uma nova barra de favoritos e alternar entre eles facilmente.

    TabCloud

    Salve suas sessões do Windows e restaure-as mais tarde em qualquer computador com TabCloud, o que poupa muito tempo de reabrir diferentes sites de diferentes partes da pasta de favoritos.

    Recursos

    Páginas similares

    Desenvolvido pela gigante do mecanismo de pesquisa Google, o Similar Pages pesquisa na Web por conteúdo da Web semelhante que você está lendo e interessado em descobrir mais.

    Pesquisa Universal

    Recursos ou referências são mais fáceis com a Pesquisa Universal, que fornece uma caixa de pesquisa com a opção de pesquisar na Wikipédia, no Bing e em outros mecanismos de pesquisa. A caixa de pesquisa também será exibida quando você destacar qualquer texto do site que estiver visualizando no momento.

    Captura de tela incrível

    Uma extensão de tela totalmente impressionante que captura qualquer parte do site e anota com retângulos, círculos, setas, linhas e texto. Você pode então exportar a captura de tela no formato de arquivo PNG para o seu computador ou web.

    Clip para o Evernote

    Extensão oficial do Evernote para capturar e anotar sua descoberta na web e, em seguida, fazer o upload para o Evernote. A extensão também suporta o recurso para pesquisar e sincronizar sua anotação salva.

    Diigo

    Use o Diigo para destacar, anotar ou postar notas adesivas, privada ou publicamente, na página da web, para que você possa visualizá-la a qualquer momento que acessar a página da web..

    Pensamento

    Pense no Thinkery como seu cérebro on-line e salve o endereço do link e a seleção de texto nele para visualizá-lo mais tarde.

    minhas anotações

    A anotação deve ser um processo fácil, e é possível com o myNotes, que permite marcar o texto selecionado com apenas um clique no menu de contexto.

    Pesquisa de poder de foto de Microstock

    Provavelmente, a única extensão de pesquisa para você procurar por fotos de alta qualidade de agências famosas como Fotolia, Dreamstime e Shutterstock.

    Reflexão

    Como as extensões e aplicativos do Chrome continuam a crescer e evoluir muito, é possível que mais e mais amantes do Firefox adotem o Google Chrome como navegador padrão. Dito isso, você voltará sua cara para o Google Chrome com o número atual de extensões e aplicativos? Qual é a extensão, aplicativo ou recurso que motivará você a migrar para o Google Chrome??

    Também compartilhe conosco se você tem uma boa extensão em seu Chrome, sempre há espaço para ótimas ferramentas!