Mundo do Blog - O que você procura acha aqui

quarta-feira, 27 de junho de 2018

Visual Dicas

Série Arduino Básico #40 - Sensor de temperatura e umidade DHT11 com display LCD

Posted: 26 Jun 2018 06:37 PM PDT

Série Arduino Básico

Continuando nossa Série Arduino básico, vamos demonstrar neste projeto o uso de um LCD como mostrador de temperatura e umidade obtidas através do sensor DHT11. Também mostraremos neste projeto como incluir bibliotecas no IDE do Arduino.

Sensor DHT11 - O DHT11 é um sensor básico de baixo custo utilizado para a medição de temperatura e umidade do ar ambiente através de um termistor e um sensor capacitivo. Existem várias versões diferentes do DHT11 com a mesma aparência e número de pinos. Portanto é importante verificar o data sheet do componente para obter suas características principais. No nosso projeto as características estão descritas na tabela de componentes.

Objetivo: Para fins didáticos e projetos com temperatura com display de cristal líquido.

No Squids Arduino você vai poder construir este projeto e aprender como ele funciona. Muito legal!!!

Obs.: Todos projetos foram testados pelo site www.squids.com.br/arduino que traz um tutorial completo para cada montagem com a lista de componentes, código do programa (sketch), simulação online, montagem do circuito e explicação detalhada do projeto.

Para ver todos projetos básicos publicados no Squids, acesse: projetos básicos

Exibindo temperatura e umidade no display

Acesse o link: Projeto 40 - Sensor de temperatura e umidade DHT11 com display LCD

1. Ao executar o programa, a temperatura atual, em Celsius, e a umidade relativa, em porcentagem, serão exibidas no display LCD.

2. Para visualizar a leitura das temperaturas e umidade relativa registradas, clique no ícone monitor serial da IDE do Arduino:

Veja abaixo o vídeo do projeto em ação:

Veja o tutorial completo em: Projeto 40 - Sensor de temperatura e umidade DHT11 com display LCD

quarta-feira, 20 de junho de 2018

Visual Dicas

Como capturar cores na tela usando o Firefox

Posted: 19 Jun 2018 03:12 PM PDT

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…

terça-feira, 12 de junho de 2018

Visual Dicas

Como capturar cores da tela usando o Chrome

Posted: 11 Jun 2018 01:34 PM PDT

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

terça-feira, 5 de junho de 2018

Visual Dicas

Recupere completamente todos arquivos perdidos, excluídos e formatados em apenas 3 etapas

Posted: 05 Jun 2018 11:50 AM PDT

Recupere arquivos perdidos

A perda de um arquivo importante pode resultar em grandes problemas. Lembre-se, nunca estamos livres de imprevistos. Casos de exclusões acidentais, necessidade de formatação e perdas de arquivos por qualquer motivo podem se tornar uma grande dor de cabeça.

Neste artigo vamos apresentar o EaseUS Data Recovery Wizard que é um software criado por EaseUS Software para ajudá-lo neste casos, onde houve falha na prevenção quando não se mantem um backup atualizado, ou por exclusões acidentais. Veja abaixo algumas situações em que pode ocorrer a perda de dados:

Veja abaixo algumas situações em que pode ocorrer a perda de dados:

Este programa, o EaseUS Data Recovery Wizard recupera completamente arquivos que tenham sido enviados para a Lixeira (mesmo após ela ter sido esvaziada) ou em casos extremos em função de formatações por reparticionamento de unidades ou por problemas nos sistema operacional. Veja os arquivos suportados pela EaseUS:

Também recupera dadas perdidos em pen drives, cartão de memória, discos removíveis:

Fácil de usar e 100% seguro

O software EaseUS Data Recovery Wizard é muito fácil de usar e é extremamente seguro, veja a seguir:

Fácil de usar

Interface de usuário clara e intuitiva direciona para fazer a recuperação bem sucedida passo a passo. A digitalização rápida e profunda garante encontrar exatamente os dados perdidos no máximo.

100% Seguro

EaseUS programa de recuperação de dados recupera arquivos perdidos com 100% segurança de diferentes casos de perda de dados em vários dispositivos sem sobrescrever os dados originais.

Recuperando arquivos em 3 etapas

Observe que no computador do exemplo, a unidade de disco "E" não está acessível por algum motivo. Como recuperar os arquivos perdidos?

Neste tutorial, utilizando o EaseUS Data Recovery Wizard - versão PRO, vamos mostrar no nosso exemplo como é fácil utilizar o software e recuperar dados perdidos.

Primeiro, instale o software no link: EaseUS Data Recovery Wizard. Faça um teste gratuito ou adquira a versão PRO no botão [COMPRAR AGORA].

Após instalar o software (utilizamos a versão PRO no nosso exemplo), abra o seu EaseUS Data Recovery Wizard:

Nota: Após rodar o software, observe que todas as unidades do seu computador ficam acessíveis para a recuperação, inclusive unidades externas (pen drives, cartão de memória, disco removíveis, etc).

ETAPA 1

Escolha o local para encontrar dados. No nosso exemplo queremos recuperar os dados do Disco Local "E", portanto vamos selecioná-lo. Em seguida, clique no botão [Digitalizar].

ETAPA 2

Aguarde alguns instantes para o software encontrar os arquivos perdidos. Selecione as pastas e arquivos para você VISUALIZAR. O software irá scanear todo o disco para encontrar arquivos perdidos, excluídos ou formatados.