Visual Dicas: Chrome

Mostrando postagens com marcador Chrome. Mostrar todas as postagens

02/07/2019

Como apagar nome de usuário e senha salvos no Chrome

Resultado de imagem para google chrome

Gerenciador de Senhas do Firefox

O Gerenciador de Senhas do Chrome, assim como em outros navegadores, armazena com segurança os nomes de usuário e senhas que você usa para acessar sites e depois os preenche automaticamente na próxima vez que você visitar um site.

Este recurso é muito útil quando você utiliza um computador pessoal. Mas algumas vezes é necessário apagar a informação para preservar sua segurança ou mesmo porque você armazenou o nome do usuário ou a senha equivocadamente gerando duplicidade.

Atenção: Jamais memorize suas senhas em um computador público ou de terceiros.

Se você utiliza o Chrome, veja a seguir o tutorial que mostra como excluir o nome de usuário e senha salvos no navegador.

Apagando nome de usuário e senha do Firefox

1. Acesse o navegador Chrome.

2. Clique no ícone “Personalizar e Controlar o Google Chrome” que aparece no canto direito da tela do navegador.

3. No menu, clique em [Configurações].

4. No menu, selecione [Senha].

5. Em Configurações, localize o website que você quer remover a senha salva. Clique no ícone como mostra a figura abaixo.

6. Clique no botão [Remover].

7. Se você quer visualizar alguma senha salva, clique no ícone [Mostrar Senhas].

byALF

11/06/2018

Como capturar cores da tela usando o Chrome

rainbowtools

Escrito originalmente em 23/11/2011 - Atualizado em 11/06/2018

Extensão ColorPick para o Chrome

No artigo Como capturar cores na tela usando o Firefox mostramos uma extensão muito útil para capturar cores das páginas da web usando o Firefox. Devido aos pedidos que recebi por e-mail, vamos apresentar neste artigo uma extensão similar usada no Google Chrome.

Noções de códigos de cores na web

Para quem ainda não conhece, as cores na web são definidas geralmente em 3 formatos: nome pré-definido, valores RGB e valores Hexadecimal.

Obs: Também existem outros formatos como: RGBA, HSL, HSLA, RYB, CMYK, etc., porém, os 3 formatos Nome, RGB e Hex são os mais comuns para uso em programas HTML e CSS…

No exemplo abaixo, vamos mostrar quais os 3 formatos mais comuns para a definição da cor vermelha:

Nome pré definido –> red
Valores RGB (red,green,blue) –> rbg(255,0,0)
Valores Hexadecimais (#RRGGBB) –> #FF0000
Valores hsl -> hsl(0,100%,50%)

stes valores quando alterados, vão definindo as cores e tons, totalizando 16.777.216 (ou 256³) de combinações no sistema RGB.

Mas onde aparecem estes códigos? Para quem trabalha com layout de sites, ou mesmos nós blogueiros, já nos deparamos muitas vezes com eles: HTML e CSS. Veja alguns exemplos abaixo:

Exemplo HTML –> Aprendendo cores

Exemplo CSS –> Aprendendo cores

Obs.: Teste os códigos no nosso editor: http://squids.com.br/editor/

Instalando o ColorPick

Entre no navegador Chrome e acesse o link: Color Pick

Clique no botão [+ USAR NO CHROME].

Clique agora no botão [Adicionar extensão].

Aguarde alguns instantes e você verá o ícone da extensão na barra de ferramentas do Chrome…

Usando a extensão ColorPick

Clique no link da extensão na barra de ferramentas do Chrome (canto direito da tela).

Passe o cursor do mouse pela tela até encontrar a cor desejada.

Observe que a caixa de cores do Color Pick vai mostrando o código hexadecimal, rgb e hsl da cor identificada pelo cursor do mouse na tela.

O ícone da extensão vai se alterando mostrando sempre a última cor capturada…

Obs.: Se você desejar mudar a posição da caixa de cores, clique no link [Pop-out].

Encontrado a cor ideal, de um clique com o mouse e pronto: cor capturada. Agora você pode copiar o código hexadecimal da cor para área de transferência usando [Ctrl+C].

Para fechar e sair do modo Color Pick clique em [X] ou tecle [ESC].

Desativando a extensão

Se você não gostou da extensão ou não deseja mais usar o Color Pick, basta acessar o ícone com o botão direito do mouse e selecionar [Remover do Chrome].

Para fazer alterações clique em [Opções].

Altere as preferências, embora a extensão já esteja ajustada da melhor forma… Clique em [Save Options] para salvar.

Por byALF

Aprenda a instalar Extensões no Chrome

18/03/2018

Como visualizar um site na versão mobile no PC (Google Chrome)

Veja o que seus leitores veem

Os aparelhos móveis tipo celulares, smartphones e tablets, estão sendo cada vez mais utilizados pelas pessoas do mundo inteiro. Mesmo com esta aceleração, grande parte dos sites ainda não tem sites adequados para esta tecnologia, pois não possuem boa visualização e muito menos boa navegação nos aparelhos móveis.

Portanto, é muito importante saber se seu blog ou site está adequado às versões mobile e a melhor forma para isto é visualizar seu site nestas versões.

Já mostramos aqui no Visual Dicas como visualizar seu site em um aparelho móvel (celular ou tablet). Entretanto, você precisava utilizar de recursos externos como um aplicativo ou um software.

Neste artigo vamos apresentar um maneira mais fácil e rápida, utilizando apenas os recursos para desenvolvedores disponíveis no Google Chrome.

Recurso desenvolvedor no Google Crome

1) Abra o navegador Google Chrome e acesse o seu site, ou qualquer site que deseja visualizar em versões mobile.

2) No navegador, clique no botão “Personalizar e controlar o Google Chrome” que aparece no canto direito da tela (ícone com 3 pontos)

3) Selecione [Mais ferramentas] e [Ferramentas do desenvolvedor], ou tecle simplesmente [ CTRL+Shift+I ]

4) Na nova janela que aparece à direita (ou abaixo, conforme configuração), clique no ícone de um celular.

5) Pronto, você entrou na versão mobile

6) Para visualizar em diversos tamanhos utilize o menu superior.

7) Se definido como Responsive, você poderá alterar os valores da largura ou altura da visualização.

8) Ou, arraste a barra lateral aumentando ou diminuindo a largura de visualização.

9) Se preferir, escolha um dispositivo móvel como exemplo:

10) Para girar a imagem (como fazemos no smartphone) clique no ícone [rotate].

11) Para facilitar, você pode utilizar também as barras superiores que indicam tamanhos padrões para dispositivos móveis.

E o mais legal é que você pode navegar no site em um versão mobile para verificar a funcionalidade nos aparelhos móveis.

12) Para voltar a visualização normal no PC, clique de novo no ícone com um celular na janela à direita ou abaixo. Para fechar o recurso do desenvolvedor, clique no [ x ] que aparece no canto direito da janela.

byALF

26/07/2017

Sabia que dá para jogar o “Running T-Rex” do Chrome com a internet conectada?

“Endless Runner”, o jogo do escondido do Chrome

Se você utiliza o Google Chrome como navegador de internet já jogou, ou deve ter percebido que aparece um dinossauro no canto superior esquerdo da tela quando a internet perde a conexão. Trata-se do jogo “endless runner” criado pelo Google para quem quer matar o tempo antes da conexão voltar.

Joguinho especial para ajudar você a matar o tempo enquanto a internet não volta…

O joguinho é bem simples: com o pequeno tiranossauro, o jogador deve desviar de cactos, pássaros e o que estiver em seu caminho. No smartphone basta tocar na tela para executar o comando de pular.

No computador, utilize as teclas de setas (para cima e para baixo) para fazer o dinossauro pular ou agachar.

Obs.: Infelizmente, o único jeito para você compartilhar a sua pontuação no game é fazendo uma captura de tela.

Jogar “endless runner” com a internet conectada

Para rodar o joguinho sem precisar desativar ou perder a conexão com a internet, siga as instruções abaixo:

1) Entre no navegador Google Chrome.

2) Acesse o link: Running T-Rex.

3) Pressione a tecla “espaço” para iniciar o jogo…

Boa diversão…

Observação: Você também poderá desativar a conexão da internet. Basta colocar seu celular, tablet, ou Notebook (se possível) em “Modo Avião”. Para ativar o jogo é preciso pressionar a tecla “espaço” no PC ou tocar na tela para dispositivos móveis.

byALF

07/08/2016

Como identificar fontes usadas em um website

Identificando fontes de texto

Muitas vezes encontramos uma fonte bem legal em algum site específico e queremos utilizá-la no nosso blog. As vezes queremos identificar o tamanho, tipo ou simplesmente a cor de uma fonte para ser utilizarmos em nossos trabalhos.

Neste artigo vamos dar uma dica para você identificar fontes de texto em qualquer site. O aplicativo identificará o nome, tamanho, família e cor da fonte, além da altura da linha utilizada. Veja a seguir, como instalar e utilizar o aplicativo no Chrome ou Firefox.