Visual Dicas: Firefox

Mostrando postagens com marcador Firefox. Mostrar todas as postagens

08/01/2021

Como ouvir um artigo em voz alta no Firefox

Modo leitura – Firefox

Em 2015, neste mesmo blog, escrevi um artigo mostrando um novo recurso nativo do Firefox denominado “Modo de Leitura”.

O “Modo de Leitura” mostrava apenas o texto do artigo a ser lido, fazendo com que o leitor se distraia com publicidades, comentários, links, botões, widgets nas barras laterais, entre muitos outros elementos de um blog ou de um site. Se você quiser matar a saudades leia: Conheça o novo recurso do Firefox que retira as distrações de leitura.

Com o tempo essa funcionalidade ganhou novos recursos como o Pocket, que possibilita o armazenamento de páginas web e também o leitor de textos que permite que você ouça o artigo em voz alta. Isso mesmo, o Firefox lê para você todo o texto digitado facilitando a leitura e ajudando pessoas com necessidades especiais.

Neste artigo vamos mostrar como funciona este recurso que já está disponível há muito tempo e pouca gente conhece ou utiliza.

Acessando o modo leitura no Firefox

Para acessar o modo leitura no Firefox é muito fácil. No artigo que você deseja ler, clique no botão [Alternar visualização do leitor F9].

Veja o exemplo abaixo onde utilizamos um artigo do site Squids Arduino: Projeto 90 - Como controlar um Display OLED SSD1306 com Arduino - biblioteca Adafruit

Pronto, você agora entrará automaticamente para o modo leitura do Firefox. Observe que o texto será visualizado de forma limpa e com alto contraste facilitando a sua leitura.

Acessando o modo ouvir em voz alta

Para acessar o recurso para ler o artigo em voz alta pelo Firefox, clique no ícone de um fone de ouvido no menu lateral.

Clique na seta para iniciar e defina a velocidade de reprodução.

Voilà, ouça o texto como se alguém estivesse lendo para você. Muito legal!!!!

Para voltar ao modo normal, clique novamente no botão [Alternar visualização do leitor F9].

Obs.: Para saber mais sobre o modo leitura do Firefox leia: https://support.mozilla.org/pt-PT/kb/modo-leitura-firefox-paginas-livres-confusoes

byALF

24/06/2019

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

Gerenciador de Senhas do Firefox

O Gerenciador de Senhas do Firefox 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 Firefox, 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 Firefox.

2. Clique no ícone “Abrir Menu” que aparece no canto direito da tela do navegador.

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

4. No menu lateral, selecione [Privacidade e Segurança].

5. Em Privacidade e Segurança, localize Contas e Senhas. Clique no botão [Contas de acesso salvas…]

6. Selecione o site ou aplicativo com o nome de usuário que você deseja excluir. Clique no botão [Remover].

Obs.: Se desejar clique em [Remover tudo] para apagar todas contas salvas no navegador.

7. Se você quer visualizar alguma senha salva, clique no botão [Mostrar Senhas].

byALF

19/06/2018

Como capturar cores na tela usando o Firefox

Escrito originalmente em 18/11/2011 - atualizado em 19/06/2018

Extensão para capturar cores

Sabe aquele site super bacana, com uma combinação de cores invejável e você não consegue decifrá-las? Calma, neste artigo vamos mostrar uma extensão para o Firefox fundamental para quem está iniciando no mundo do “web designer”. Mesmo para nós blogueiros mortais, que não somos especialistas em programação, muitas vezes nos deparamos códigos que utilizam cores e precisamos delas…

Nota do Autor: Na versão original deste artigo escrevemos sobre o plugin Rainbow Color. Como este plugin não está compatível com as últimas versões do Mozilla Firefox, atualizamos o tutorial para o plugin ColorZilla.

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%)

Estes 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 a extensão no Firefox

Entre no navegador Firefox e acesse o link: ColorZilla

Clique no botão [+ Adicionar ao Firefox].

Clique no botão [Adicionar].

Pronto, a extensão foi instalada.

Observe que o ícone de um conta gotas aparecerá no canto direito superior

Usando Rainbow Color Tools

Abra a o menu clicando na setinha ao lado do ícone. Selecione o comando desejado: Pick Color From Page, Color Picker ou Webpage Color Analyzer. Para fazer alterações nos padrões da extensão, selecione Options.

Pick Color From Page: Identifica a cor quando você passa o cursor sobre a tela. Como padrão, o Pick Color mostra a cor definida por um valor RGB e HEXADECIMAL.

Achou a cor ideal, basta então dar um clique com o mouse para ele capturar a cor e copiar o código para a área de transferência. Depois é só colar em editor de texto qualquer, assim: #E2D89A. Para programadores e web designers esta extensão é realmente uma maravilha…

Obs.: Você poderá alterar as dimensões do cursor escolhendo as opções: Point, 3X3, 11X11 ou 25X25.

Color Picker: Esta é uma ferramenta também muitíssima útil. Nela você poderá selecionar qualquer cor ou tom e identificar os valores Hexadecimal, RGB, Hexadecimal, HSL ou HSV.

Também é possível você digitar um parâmetro de uma cor em Hexadecimal, por exemplo, e verificar os valores correspondentes RGB ou HSV, além de observar a cor também, que será mostrada no quadrado á direita do painel de cores…

Webpage Color Analyzer: Este comando mostra o padrão de cores principais de uma página de um site.

Escolha a cor desejada e clique no botão [OK], para copiar o código para a área de transferência.…Também mostra o local e o código CSS da cor escolhida… Ótimo para designers…

Nota do autor: aproveita e passa lá no Blogolista, vai…

28/05/2018

Como alterar o idioma do Firefox para o português [pt-BR]

Alterar idioma do Navegador Firefox

Embora o navegador Firefox esteja disponível para download em vários idiomas, incluindo o português, por algum motivo desconhecido o navegador é instalado ou alterado automaticamente para o inglês ou para outro.

Se este for o seu caso e o seu navegador estiver em inglês ou em outro idioma, vamos mostrar neste artigo como alterá-lo sem a necessidade de reinstalação, evitando-se que você perca seus favoritos, histórico, layout e extensões.

Alterando o idioma para o português

1) Verifique se o seu computador possui o sistema operacional Windows na versão 64 ou 32 bits. Você poderá verificar seguindo o nosso tutorial - Como saber se o Windows está executando a versão de 64 bits ou 32 bits (x64 ou x86) - ou pelo próprio navegador Firefox como mostramos a seguir:

Acesse o seu navegador Firefox e clique no botão localizado no canto esquerdo da tela. Selecione [Help].

Clique em [About Firefox].

Observe a versão do Firefox que mostra também a versão do Windows. No nosso exemplo identificamos com Windows versão 32-bit.

2) Acesse a página do Firefox: https://www.mozilla.org/pt-BR/firefox/new/

Clique no link [Baixar em outro idioma].

3) Em [Pesquisar idiomas] digite “portuguese” e clique no botão [Pesquisar].

4) Clique em baixar, dependendo da versão do seu sistema operacional. No nosso exemplo, como identificamos Windows 32-bit, vamos baixar o navegador nesta versão.

Obs.: Se o seu idioma é o português de Portugal , selecione este idioma para fazer o download.

5) Clique em [Save File].

6) Rode o arquivo executável de instalação.

7) Aguarde extrair todos arquivos.

8) Feche o navegador.

9) Permita que o Windows faça a atualização. Depois, na janela Instalação do Mozilla Firefox clique em [Avançar].

10) Selecione Padrão e clique em [Avançar].

11) Clique em [Atualizar].

12) Aguarde a instalação.

13) Clique em [Concluir] e reinicie o Firefox.

14) Observe agora que o navegador já está totalmente em português.

Observe também que todos seus favoritos, histórico, senhas, etc.. foram mantidos.

byALF

17/05/2018

Como capturar uma página web inteira com o Firefox - não precisa instalar nada

Salvar imagem de uma página web completa

Através do comando printScreen, também chamado de “print” é a forma mais fácil de capturar uma imagem do conteúdo de sites, programas, redes sociais ou jogos. Este comando é encontrado na maioria dos teclados através da tecla “PritScn” ou “PrintScr” ou ainda “PrintSc”.

Obs.: “Capturar” a tela significa copiar e armazenar a imagem da tela na área de transferência do Windows.

Entretanto, com essa alternativa já implementada nos teclados, só é possível salvar em imagem aquilo que o monitor exibe, dificultando a captura de uma página inteira da internet.

Existem várias maneiras para a captura da página completa da web, porém em quase todas elas é necessário a instalação de um plug-in, software ou aplicativo online. Muitas destas alternativas não são gratuitas e consomem muito tempo para instalação e uso.

Pensando nisso, vamos apresentar neste artigo um recurso novo do Mozilla Firefox , o Firefox Screenshot, que possibilita a captura de uma página inteira da web sem precisar instalar nada, apenas atualizar o navegador na sua versão mais atualizada…

Verificando a versão do navegador Firefox

1) Clique no botão no canto direito superior do navegador.

2) Em Ajuda, selecione [Sobre o Firefox].

3) Verifique a versão do navegador. Se o Firefox não estiver atualizado, o navegador irá atualizar automaticamente a última versão.

ATENÇÃO: O recurso de captura ainda está em fase beta e deverá funcionar apenas nas versões iguais ou superiores a versão 60.0.

Captura da página web inteira - Firefox Screenshots

1) Na página que você deseja fazer a captura, clique com o botão direito do mouse em qualquer parte da página (exceto em menus, links ou botões de controle).

2) Observe que na primeira vez que você acessar este recurso irá aparecer um pequeno tutorial. Clicando nas setas, finalize-o.

3) Clique no botão [Salvar página completa].

Obs.: O recurso de captura permite também que você salve um região da página ou a área visível pelo monitor.

4) Agora você poderá:

a) Copiar imagem para a área de transferência - clique no botão Copiar.

b) Baixar arquivo de imagem ,png para o computador - clique no botão Baixar.

c) Salvar o arquivo no servidor do Firefox - clique no botão Salvar. Por definição, o arquivo ficará armazenado por 14 dias. Entretanto você poderá alterar para quantos dias quiser.

No nosso exemplo vamos clicar no botão [Salvar].

5) Depois de ter clicado no botão [Salvar], aguarde alguns instantes

6) Após salvar, a imagem ficará disponível na área de transferência do Windows. Você poderá colar em qualquer documento através do atalho [CTRL + V].

7) Clique em “expira em 14 dias’ para alterar o tempo que a imagem ficará armazenada.

8) Selecione o tempo que você deseja manter o arquivo e clique em [salvar].

9) Clique na lixeira para excluir a imagem. Você também poderá editar (ícone de caneta) ou compartilhar sua imagem nas redes sociais e obter o link de acesso. Se desejar, clique em [Baixar] para fazer o download para seu computador.