Supermetas
  • Home
  • Sobre o Autor
  • Nosso Papo
  • Blog
  • Contato
24/03/2020 por Klayton Georgio
Webdesign

Top 6 Extensões Chrome para Webdesigners

Top 6 Extensões Chrome para Webdesigners
24/03/2020 por Klayton Georgio
Webdesign

Eu venho falado bastante de teorias sobre internet, desde design para sites até conceitos semânticos da web. Mas hoje vou voltar um pouco às raízes do Supermetas e sugerir 6 extensões gratuitas para o Chrome que podem auxiliar no desenvolvimento do seu projeto.

“Ah, mas porque só o Chrome?”

A escolha do Chrome é simples: hoje ele é um dos browsers mais utilizados no mundo. Sem contar que muitos softwares de navegação têm recorrido ao mesmo código criado pelo Google para desenvolver seus próprios projetos. O Microsoft Edge Beta é um exemplo.

Mas vamos ao que interessa agora: as extensões!

Window Resizer

Window Resizer é uma ferramenta útil para visualizar o layout do site em tamanhos de telas diferentes. Quem já desenvolve, já está ciente da existência do inspetor de código do Chrome. No entanto, este recurso garante mais velocidade aos testes, bastando ao desenvolvedor clicar nos atalhos acoplados à extensão para adaptar o site a visualização de cada tela.

Site Palette

Este recurso é muito bom para obter a paleta de cores que foram referência para a criação de uma página. Por exemplo, se durante a navegação de um site você considerar a combinação de cores usada interessante, basta clicar no ícone da extensão que ela automaticamente captura todas as cores impressas na tela. Depois basta copiar os códigos informados para seu programa de edição preferido.

CSS-Shack

Para usuários mais avançados, o CSS-Shack é muito útil na criação de folhas de estilo para desenvolvimento do layout de uma página.  Na falta de uma IDE, como o Dreamweaver, por exemplo, essa é uma ferramenta muito boa.

WhatFont

Esta ferramenta é muito útil para descobrir as fontes utilizadas em determinado site. Normalmente para fazer isso, quem é desenvolvedor precisa recorrer ao inspetor de códigos. Com ela, basta passar o cursor do mouse por cima do texto com a fonte que te interessa. Junto ao cursor é exibido uma caixa informando o nome da fonte usada.

ColorZilla

A ColorZilla nada mais é que um conta-gotas no estilo Photoshop. Com ela você pode selecionar qualquer elemento de uma página e descobrir sua configuração de cores. Diferente do Site Palette, que scaneia as informações visuais de uma página, o ColorZilla atua apenas sobre objetos clicados.

Search StackOverflow

Esta ferramenta é um recurso importante para desenvolvedores encontrarem soluções para qualquer problema nos seus próprios projetos. Com ela é adicionado um campo de busca no Chrome que permite o acesso ao StackOverflow, uma das maiores comunidades online do mundo a respeito de desenvolvimento para web.

Bônus: Loom

A extensão Loom não é necessariamente para web designers, mas para todo aquele que deseja gravar um vídeo da tela do seu desktop. É uma ferramenta muito útil para criação de tutoriais ou explicar projetos de uma forma mais didática. A ferramenta vem em duas versões: gratuita e paga (a partir de 5 dólares mensais).

Gostou dessas sugestões? Precisa de outras? Espero que estas extensões te auxiliem no seu trabalho. Comenta aqui que eu quero saber!

Até a próxima. 😉

Compartilhe isso:

  • Clique para compartilhar no Twitter(abre em nova janela)
  • Clique para compartilhar no Facebook(abre em nova janela)
  • Clique para compartilhar no LinkedIn(abre em nova janela)
  • Clique para compartilhar no Tumblr(abre em nova janela)
  • Clique para compartilhar no WhatsApp(abre em nova janela)
  • Clique para compartilhar no Pinterest(abre em nova janela)
  • Clique para enviar por e-mail a um amigo(abre em nova janela)

Chromium criação de sites para leigos extensões Chrome ferramentas Google Chrome

Artigo anteriorWeb 3.0: o que você precisa saber?Web 3.0 - O que você precisa saber?Próximo artigo 3 bancos de imagens gratuitas para seus projetos online3 bancos de imagens gratuitas para seus projetos online
Klayton Georgio(https://supermetas.com.br)
Olá! Meu nome é Klayton Georgio, tenho 31 anos, sou formado em Comunicação Social, com habilitação para Jornalismo. Tenho conhecimento e prática em WebDesign, além de ser especialista em Design Digital. Já trabalhei em agências de publicidade da Região dos Lagos, no Rio de Janeiro, e hoje sou sócio na Editora Comunicação, onde sou Diretor de Arte.

Deixe uma resposta Cancelar resposta

Klayton Georgio

Assinar blog por e-mail

Digite seu endereço de e-mail para assinar este blog e receber notificações de novas publicações por e-mail.

Junte-se a 1.745 outros assinantes

Cursos que Indico

Quer desenvolver seus conhecimentos, seja você um designer, jornalista ou empreendedor? Eu me interesso muito por essas áreas e vivo fazendo cursos sobre esses temas. Se quiser conhecer alguns que eu já fiz, clique aqui e confira na barra oculta. 😉

Sobre o Projeto

O SUPERMETAS nasceu com o intuito de ajudar quem quer montar seu site na internet, mas que ainda não pode investir na contratação de um profissional. Para tanto, eu dou dicas básicas de design, registro de domínios e manutenção de hospedagem.

Recursos do Site

Hospedagem: Editora Comunicação

Plataforma: WordPress

Tema: Rife By Apollo13

Um pouco de CSS extra ^^’

Últimas Publicações

Criando um site com ferramentas gratuitas02/04/2020
O que ainda vamos falar no Supermetas?31/03/2020
3 bancos de imagens gratuitas para seus projetos online26/03/2020
Site mantido por Editora Comunicação (EdiCom)

Cursos para Iniciantes em Designer Gráfico

Separei aqui alguns cursos que eu já fiz e indico para quem está iniciando no mundo do design.

  • DG PRO
  • Profissão Criativo

Cursos de Design para Jornalistas

Aos meus colegas jornalistas também separei alguns cursos de design para nossa área

  • Diagramação para jornalistas
  • Photoshop para Jornalistas

Cursos para Empreendedores

Além de conferir o conteúdo aqui do Supermetas, você pode fazer esse curso que eu super recomendo.

  • Design Gráfico para Empresários

Cursos de Marketing Digital

Eu já fiz vários cursos do Gabriel Wohlfart sobre Mkt Digital e recomendo. O o suporte é excelente e a mensalidade é super em conta. Detalhe: você pode testar todos os planos por 7 dias!

  • Gerenciando Web Academy
loading Cancelar
Post não foi enviado - verifique os seus endereços de e-mail!
Verificação de e-mail falhou, tente novamente
Desculpe, seu blog não pode compartilhar posts por e-mail.