Criar Sites » Firefox

LighShot – Complemento para Captura de Imagens no Firefox

Celso Lemes — Sun, 11 Apr 2010 11:38:19 +0000

Há algum tempo eu falei sobre Abduction que é um addon para o Firefox que permite tirar uma screenshot (é como se fosse uma foto do site) das páginas dos sites que você esteja navegando.

Ele era um excelente complemento para a criação de tutoriais (eu uso muito) ou para mostrar algo que você esteja vendo no seu navegador para alguém.

O problema é que ele parou de funcionar comigo depois que eu atualizei o meu navegador para a versão 3.6 do Firefox, o que me levou a uma busca por um novo complemento que me permitisse tirar screenshots como eu fazia com o Abduction.

Acabei então encontrando o LightShot que além de me permitir salvar qualquer área da tela, oferece um recurso extra que é a opção de upload automático de imagens com um clique do mouse.

Na imagem abaixo você pode conferir o LightShot em ação. Repare na opção de upload de imagem indicado com uma seta.

Após o upload da imagem, você recebe um link que pode ser enviado para seus amigos, permitindo que você mostre o que você está vendo. O link aparece no canto inferior direito da sua tela.

Você pode conferir um exemplo visitando o endereço http://prntscr.com/7kbm

Como instalar
Para instalar este complemento, você pode acessar a página de instalação utilizando o navegador Firefox (aparentemente ele funciona em todas as versões ainda em uso) e clicar no grande botão verde.

>> Instale este complemento no seu Firefox <<

Mais Artigos que você pode estar interessado

Dicas para Editar as Cores dos Anúncios do Adsense e Deixá-los em Harmonia com o Site

Celso Lemes — Mon, 11 May 2009 12:17:32 +0000

Como você já deve saber, os anúncios do Adsense tem uma maior taxa de cliques quando os anúncios são implantados no site de forma que estejam em harmonia com o design e o conteúdo do site.

Para fazer isso é necessário editar a cor do fundo do anúncio para que esteja da mesma cor do fundo do local onde o anúncio será implantado. É claro que se a cor do fundo do site em que deseja adicionar o anúncio for branca você não precisará se preocupar com isso, porém se não for possível identificar a cor a olho nú, você precisará de algum meio que permita você descobrir o código da cor.

Existem diversas maneiras de fazer isso, alguns usam os editores de imagens, outros usam um programas específicos para isso, mas eu uso um Addon para o Firefox chamado de ColorZilla que me permite descobrir a cor exata diretamente no navegador com alguns cliques.

Você pode instalar o CollorZilla no seu Firefox visitando o site ColorZilla.

Para facilitar eu criei um pequeno vídeo onde eu ensino como instalar, como utilizar o programa e como editar as cores no Adsense. Confira o vídeo abaixo.

Gostou do vídeo? Deixe o seu comentário.

Mais Artigos que você pode estar interessado

Capture a tela do Firefox e salve como uma imagem com o Add-on Abduction

Celso Lemes — Tue, 22 Jul 2008 01:42:02 +0000

Capture a tela do Firefox e salve como uma imagem.

O Add-on Abduction é um complemento para o Firefox que permite capturar o que é exibido no navegador e salvar como uma imagem JPG ou PNG.

Esta ferramenta é uma mão na roda para webmasters que precisam capturar a tela exibida no navegador para criação de tutoriais (assim como eu).

Um dos recursos que eu mais gostei neste plugin (eu prefiro dizer plugin mesmo) é que ele permite salvar o site inteiro exibido no navegador e não só a parte que pode ser visualizada sem ter que rolar a página para baixo. Confira o resultado abaixo.

Esta imagem está com 284 KB

Como instalar
A instalação é bastante fácil, basta que você acesse a página do Plugin do Abduction e clicar sobre o botão “Adicionar a Firefox”. Depois basta você seguir as instruções na tela.

Como utilizar
Para capturar a tela basta que você clique com o botão direito em um lugar vazio no navegador e no menu que aparece clique em “Save Page as Image…”.

Na nova janela que será aberta você terá a opção de escolher a área que deseja salvar e também o tipo e qualidade do arquivo na parte inferior da janela.

Instale o Add-on (plugin) Abduction para o Firefox

Mais Artigos que você pode estar interessado

Firefox 3 – Uma ferramenta necessária para o webmaster

Celso Lemes — Sun, 22 Jun 2008 03:51:30 +0000

A nova versão do Firefox 3 foi lançada esse mês e vem cheia de recursos.

Aqui no Criar Sites o Firefox é o segundo navegador mais utilizado pelos visitantes, ficando com 15% dos acessos. Isso o torna uma ferramenta necessária para o Webmaster que se preocupa em como seu site á apresentado ao visitante.

Eu por exemplo. Assim que instalei o Firefox em meu computador e visitei meu site, notei que a parte superior do Criar Sites estava toda desconfigurada. Sabendo do problema, pude tomar as providências e concertar o problema para que visitantes utilizando o novo navegador não tenham uma má experiência ao entrar em meu site.

Extras
O novo Firefox veio cheio de frufrus úteis (alguns inúteis também) para todos os gostos, como marcadores, biblioteca de navegação, zoom, verificador ortográfico entre outros. Se você quiser saber mais visite o site Mozilla.

Nota
O Firefox 3 não funciona em versões antigas do windows como o 95/98/Me.

Mozilla Firefox 3.5.3 em Português do Brasil

Mozilla Firefox 3.5.3 em Português de Portugal

Mais Artigos que você pode estar interessado

Corretor ortográfico no Firefox

Celso Lemes — Sat, 26 Apr 2008 01:16:49 +0000

O Firefox é um navegador alternativo ao Internet Explorer que permite a instalação de Add ONs (prefiro dizer plugin) que adicionam funcionalidades extras ao programa.

Existem vários destes Add ONs voltados para webmasters como ferramentas para otimizar tarefas repetitivas, cliente FTP entre outros.

Um destes plugins (vou chamar de plugin agora) adiciona ao Firefox um corretor ortográfico para o Português do Brasil (existem outros idiomas também). Isso pode ser uma mão na roda para aqueles que assim como eu cabularam aula na matéria de Português.

Um dos problemas deste plugin é que ele somente serve para quem escreve online, isso quer dizer que as pessoas que escrevem seus texto em qualquer lugar como em emails, comunidades e formulários poderão se beneficiar deste plugin.

Eu poderia dizer que este plugin é uma ferramenta obrigatória para webmasters que criam seus sites utilizando sistemas de gerenciamento de conteúdo CMS como o Joomla, PHPNuke e no meu caso o WordPress onde o conteúdo é criado online. Já que ele torna o trabalho mais produtivo.

Como instalar
Acesse a página “Verificação ortográfica pt-BR” e clique no botão “Adicionar a Firefox”

Como utilizar
Talvez você necessite alterar o idioma corretor para o Português. Se este for o seu caso clique com o botão direito em qualquer parte limpa da tela, no menu que aparece clique em “Languages” e altere para o Português BR.

Uma vez que o plugin esteja habilitado, o Firefox adiciona uma linha vermelha embaixo das palavras que possivelmente estejam escritas de forma errada.

Ao clicar com o botão direito sobre a palavra o Firefox oferece algumas sugestões para correção. Basta apenas que você selecione a palavra correta.

Mais Artigos que você pode estar interessado

Você sabe como seu site aparece para o seu visitante?

Celso Lemes — Tue, 01 Apr 2008 02:41:40 +0000

Como seu site é apresentado ao seu visitante?

Quando desenvolvemos websites, devemos nos preocupar com a experiência que os visitantes terão quando acessarem o site.

Fatores como o tipo e versão do navegador utilizado, resolução da tela, tamanho da letra (quando especificado no navegador pelo visitante) podem apresentar seu website de uma forma diferente a aquela que você vê em seu computador.

Navegadores
Os navegadores não são desenvolvidos utilizando padrões, isso quer dizer que cada empresa trata de desenvolver seu navegador utilizando padrões próprios.

O resultado são pequenas diferenças na apresentação de um Website, dependendo do navegador e também de sua versão.

Segundo o Google Analytics, os principais navegadores utilizados pelos visitantes que acessaram o Criar Sites mês de Maio foram:
Internet Explorer – 71,82%
Firefox – 26,70%
Opera – 0,94%

Sendo que os visitantes que utilizaram o Internet Explorer, tinham as versões:
6.0 – 50,42%
7.0 – 49,14%
8.0 – 0,37%
5.5 – 0,07%

Uma boa prática para testes rápidos é ter instalado em seu computador os principais navegadores como o Internet Explorer, Firefox e Opera.
Assim podemos solucionar pequenos problemas que possam surgir.

É claro que fica difícil manter em um mesmo computador as várias versões de navegadores existentes. Para resolver este problema você pode utilizar o serviço gratuito oferecido pelo BrowserShots que testa como um website aparece em vários navegadores.

Resolução da tela
As diferentes resoluções de tela configuráveis, tornam impossível para um webmaster otimizar um site para todos os visitantes.

Se a largura do site for muito pequena, haverá um espaço sem uso na(s) borda(s) para os visitantes com resoluções muito altas.

Já se a largura do site for alta, o site não será apresentado por inteiro aos visitantes com resoluções baixas como o 800×600 px, sendo necessário o uso da barra de rolagem.

Segundo o Google Analytics, as resoluções de tela utilizadas pelos visitantes que acessaram o Criar Sites no mês de Março foram:
1024×768 – 64,81%
800×600 – 12,41%
1280×1024 – 8,36%
1280×800 – 6,20%
1152×864 – 3,02%

Minha dica é que o site apareça por completo em uma resolução 1024×768 que é a mais utilizada (pelo menos neste site).
Para isso, recomendo que configure o site para ter 1000 px de largura.

Confira o artigo “Largura das Páginas” onde eu passo dicas para desenvolver sites que se adaptem a resolução de 1024×768 px.

Tamanho da letra
A maioria dos navegadores permitem que o usuário configure o tamanho das letras a serem exibidas pelo navegador.

Isso pode ser um problema para o webmaster, já que, com o aumento das letras, o site pode se distorcer ao abrir espaço para as letras maiores.

Infelizmente não existe uma regra que amenize esse fato, o máximo que podemos fazer é premeditar possíveis problemas e tentar solucioná-los da melhor forma.