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

Como apagar nome de usuário e senha salvos no 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.

Leia também: Como apagar nome de usuário e senha salvos no Firefox

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 

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.

Leia também: Como apagar nome de usuário e senha salvos no Chrome

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 

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:

1. Nome pré definido –> red
2. Valores RGB (red,green,blue) –> rbg(255,0,0)
3. Valores Hexadecimais (#RRGGBB) –> #FF0000
4. 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 –> <p><font size=”3” color=”red”>Aprendendo cores</font></p>

Exemplo CSS –> <p style=”font-size:12px;color:#ff0000">Aprendendo cores</p>

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…

---

Como capturar cores da tela usando o Chrome

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:

1. Nome pré definido –> red
2. Valores RGB (red,green,blue) –> rbg(255,0,0)
3. Valores Hexadecimais (#RRGGBB) –> #FF0000
4. 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 –> <p><font size=”3” color=”red”>Aprendendo cores</font></p>

Exemplo CSS –> <p style=”font-size:16px;color:#ff0000">Aprendendo cores</p>

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 

---

Leia também:

Conheça 7 extensões do Chrome que vão ajudar você a deixar o YouTube bem melhor

Aprenda a instalar Extensões no Chrome