Article Image
Article Image
read

É muito comum na área de desenvolvimento existirem diversos meios para alcançar um resultado perfeito. Também é fato que, nessa área, tudo muda muito rápido, frameworks, ferramentas, IDE`s, ou seja, praticamente uma novidade por dia.

Esse post não foi criado para afirmar que essas extensões são as que devem ser usadas todos os dias e em todos os projetos, mas são dicas de como melhorar algo, que talvez você faça hoje e que possa ser feito muito mais rápido e melhor.

Uma das premissas aqui de um bom desenvolvedor é, fazer simples, para fazer mais e melhor. Com isso vamos as dicas.

Essa ferramenta eu particularmente uso bastante. Sei que todo sistema operacional possui um maneira de capturar a tela por padrão, mas essa extensão auxilia muito quando preciso enviar alguma imagem do site ou até mesmo ajudar o cliente a visualizar algo que está na minha tela.

Com ela é possível selecionar a área desejada do site, no qual inclusive é especificado o tamanho em pixel da seleção (pode ser útil para verificar se o tamanho de algum elemento está de acordo com o layout), criar marcações com setas, quadrados, colocar texto e tudo isso com opção de selecionar cores.

O que mais essa extensão agiliza em nossas vidas é a opção de escolher entre salvar a imagem, compartilhar nas redes sociais, copiar para a área de seleção (famoso Ctrl+C) ou imprimir.

Essa extensão é muito útil em nossa área já que trabalhamos com layouts enviados para nós em tudo quanto é formato, tamanho e peso.

Com ela você adiciona uma imagem, posiciona no local exato do seu site, aumenta e diminui a opacidade, bloqueia ou esconde ela a qualquer momento. Depois de posicionado, aí amigo, “Devtools do Chrome” e pode começar a brincar com o CSS: aumentando/diminuindo fontes, corrigindo espaçamentos, deixando o site “pixel perfect”.

Muito bom para verificar tamanhos de todos os elementos do site, se eles seguem o que foi passado no layout onde muitas vezes não há especificação nenhuma.

Muito importante para qualquer desenvolvedor web, a régua, é uma ferramenta bastante utilizada. No caso existem várias extensões como essa, eu particularmente já testei muitas, mas essa hoje me atende bem.

O que mais me agrada nessa extensão é o menu de fácil acesso e entendimento no topo da tela, e as linhas que transpassam o local selecionado fazendo com que você perca pouco tempo alinhando os elementos pela página, de acordo com o layout.

Como uso Feedly a muito tempo, sou suspeito para falar, mas esse foi o melhor leitor de RSS que já encontrei, ele nos permite separar blogs automaticamente de acordo com o assunto, ou você mesmo pode criar categorias e separá-los. Só recentemente, que então eu encontrei a extensão para o Chrome.

Além do fácil acesso aos artigos dos blog que venho seguindo, a extensão possui duas espécies de alerta para se consumir o conteúdo: Um deles é o número destacado em vermelho, no ícone da extensão, mostrando o número de artigos ainda não lidos, e se clicar no botão é mostrado uma lista com esses artigos. A outra forma de alerta, é uma notificação exibida em sua tela, avisando que foi adicionado um novo artigo.

É muito normal nosso rendimento ter altos e baixos por conta de perda de foco. Nesse caso nada melhor que uma extensão que nos auxilie a não perder tempo em redes sociais ou em sites de notícias.

A Strict Workflow é muito interessante pois você trabalha em modo Pomodoro, onde por um período de tempo é foco total em resolver suas tarefas no trabalho e após esse período há um intervalos de descanso, mais precisamente 25 minutos focado e intervalo de 5 minutos.

Essa extensão permite alterar esses valores padrões e permite alterar a lista de urls a serem bloqueadas (é muito importante que você não burle essa lista não adicionando alguns sites que tiram sua atenção).

Ao clicar no botão da extensão ele coloca o tempo de forma decrescente e possui até alertas sonoros para avisar que o tempo acabou.

Essas foram algumas dicas de extensões para melhorar sua performance e produtividade nas tarefas do dia a dia. Existe outras semelhantes na Chrome Web Store, porém como essas que citei já estão a muito tempo disponíveis e possuem atualizações de novas funcionalidades e usabilidade constantes, acredito serem as mais recomendadas.

Espero que tenham gostado das dicas e espero também que compartilhem em nossas redes sociais outras extensões que não foram citadas, mas que aumentaram a sua produtividade e possam ser úteis para outras pessoas.

Até a próxima pessoal!

Blog Logo

Daniel Galvão


Published

Image

Daniel Galvão

I'm Daniel Galvão, now pushing code at VAGAS.com. Working with JS, CSS, Meteor, node.js, React, AngularJS, Grunt, SASS, PHP, Drupal, MySQL, MongoDB, ElasticSearch and others. Sharing knowledge and experiences.

Back to Overview