Arquivo da categoria 'firefox'

Compact Menu: extensão para Firefox para compactar a barra de menus

Lendo meus feeds, vi no Efetividade.net um artigo sobre como aproveitar melhor o espaço disponível na tela, usando Firefox.

Nele, o autor conta um pouco de sua experiência com o Eee PC e suas limitações de resolução de tela. Basicamente, ele encontrou 2 plugins do Firefox que servem para “compactar” a barra de menus e economizar espaço em tela quando se utiliza o navegador.

Depois de ler o artigo, testei os 2 plugins citados. Pessoalmente, gostei mais do Compact Menu, por ser mais customizável (é possível posicioná-lo onde se quer, na “barra de ícones”) e pela opção de ter simplesmente um ícone indicativo de onde ficam os menus, ao invés de “Menu”, como na outra extensão que o Augusto citou.

Então, baseado nos testes que fiz (e em meu gosto pessoal), recomendo, para os que querem (e/ou precisam) economizar espaço em tela ou simplesmente “aliviar o visual” do Firefox, a instalação do plugin Compact Menu.

Adicionar artigo ao Rec6    Adicionar artigo ao Linkk    Adicionar artigo ao doMelhor    Adicionar artigo ao del.icio.us   Postar artigo no StumbleUpon!

Como tirar screenshot de um web site inteiro e obter uma imagem completa

Para aqueles que precisam ter a imagem de um web site inteiro, existem algumas possibilidades de se fazer isso. Aprenda como ter a imagem de um site por completo.

Quando é preciso tirar um screenshot de um site inteiro, mesmo das partes que estrapolam a “dobra superior” (parte visíveil antes de se rolar o barra de rolagem), às vezes pode ser chato… Existem diversas maneiras de se fazer isso:

  • Fazer várias screenshots de diferentes partes e depois juntar tudo em um programa de editoração de imagens;
  • Utilizar um daqueles monitores que giram e ficam mais altos que largos (dependendo do tamanho do site, não funciona);
  • Utilizar os serviços do site Super Screenshot;
  • Usar o plugin para Firefox Screengrab!

Fazer várias screenshots de diferentes partes e depois juntar tudo em um programa de editoração de imagens

Essa é a maneira mais demorada e chata. Deve-se tirar uma screenshot da página “acima da dobra”, abrir seu programa de editoração de imagens preferido e colar a imagem. Depois, rolar a tela até o limite inferior da última, tirar outra foto e colar novamente no programa de editoração de imagens; e assim por diante, até chegar ao fim da página ou ao ponto que se deseja capturar.

Posteriormente, cria-se um novo documento com a largura do site e, para altura, coloca-se um valor bem alto, exagerado, mesmo. Então, pega a primeira screenshot para copiar e colar neste novo documento; pega-se a segunda, e coloca-se logo abaixo da primeira, e assim vai, até completar.

Bem “sacal”, hã…?

Utilizar um daqueles monitores que giram e ficam mais altos que largos

Estes monitores, apesar de nada baratos, costumam ser excelentes! A maioria é widescreen (bom para um filminho!) e tem uma definiçao muito boa. Quando se tem a oportunidade de se ter e/ou usar uma dessas belezas, basta girar a tela para que ela “fique maior” no sentido vertical, configurar a resolução para tal, entrar no site que se quer e tirar uma foto dele.

Agora, dependendo do site que se entre (especialmente blogs), até mesmo este monitor não conseguirá captar toda a extensão. Portanto, este ainda não é o melhor método.

Utilizar os serviços do site Super Screenshot

O site Super Screenshot oferece o serviço de tirar uma foto completa de web sites (gratuitamente). Entretanto, algumas vezes acontecem coisas estranhas com a imagem gerada, com elementos fora do lugar e outras coisas. Veja-se o exemplo no artigo sobre o princípio Gestalt de alinhamento aplicado ao web design.

Essa foi quase, mas usar o Super Screenshot ainda não é a melhor opção.

Usar o plugin para Firefox Screengrab!

Recentemente descobri esta extensão para Firefox, a Screengrab!, que serve justamente para tirar uma screenshot completa de sites!

Depois que você o instala e reinicia o Firefox para seu ativamento acontecer, um ícone indicativo aparece na barra de status, à direita. Quando se clica nele, aparecem 2 menus principais, “Save…” e “Copy…”, onde é possível escolher se se quer salvar a imagem diretamente ou copiar para a área de transferência para uso posterior.

Exemplo de uso do plugin para Firefox Screengrab!

Em cada um dos menus, as mesmas subopções:

  • Complete Page/Frame…”: Serve para tirar uma screenshot de todo o web site (ou frame…);
  • Visible Portion…”: Para capturar somente a parte visível, qualquer que seja;
  • Selection“: que permite selecionar em tempo real um trecho qualquer da tela para gerar uma imagem.

Conclusão

Enfim, pessoal, segundo o que eu pude pensar (pelo menos por agora), a maneira mais fácil, econômica, rápida e prática para se obter uma imagem de um web site completo é, sem sombra de dúvidas, utilizar a extensão do Firefox Screengrab! Com ela, é possível capturar porções de web sites ou toda sua extensão, de forma automática, salvando o arquivo diretamente (.png) ou copiando para a área de transferência para uso posterior.

<update>
O leitor Richardson (Vix) indicou que no navegador Maxthon tem o recurso nativo de tirar screenshots: captura a tela inteira, uma região, uma aba ou todas, além de outras opções. Para quem usa este browser, a facilidade para tirar fotos de sites completos é ainda maior, já que não é preciso instalar extensões.
</update>

Se alguém souber mais algum jeito para ter uma screenshot completo de um web site, comente, por favor!

Adicionar artigo ao Rec6    Adicionar artigo ao Linkk    Adicionar artigo ao doMelhor    Adicionar artigo ao del.icio.us   Postar artigo no StumbleUpon!

25 extensões para o Firefox para aumentar a produtividade no dia-a-dia na web

Quando vi esse artigo no LifeDev, imediatamente lembrei do artigo que escrevi no blog da Alanna sobre as vantagens em se usar Firefox.

Trata-se de uma fabulosa lista com 25 extensões para Firefox que tem o objetivo de aumentar a produtividade pessoal na web!

Vão desde complementos para Google, GMail e Google Reader, passando por bloqueadores de banners de anúncios e backups das configurações e complementos do Firefox, até contadores para saber quanto tempo você realmente passa na web.

Vale mesmo à pena conferir a lista de plugins para Firefox para aumentar a produtividade no dia-a-dia!

E para os aficcionados em produtividade, desenvolvimento pessoal e assuntos correlatos, não deixem de conferir o blog do Walmar (agora com “équio” de madeira… rsrs)!

Adicionar artigo ao Rec6    Adicionar artigo ao Linkk    Adicionar artigo ao doMelhor    Adicionar artigo ao del.icio.us   Postar artigo no StumbleUpon!

Firefox: vantagens

Olá, pessoal!

Só para avisar que escrevi um post no blog da Alanna sobre as vantagens em se utilizar o Firefox!

Eu acho que a grande maioria dos leitores do desenvolvimento para web já usam o FF; se, por ventura, haja algum que utilize IE, leia o artigo!

Adicionar artigo ao Rec6    Adicionar artigo ao Linkk    Adicionar artigo ao doMelhor    Adicionar artigo ao del.icio.us   Postar artigo no StumbleUpon!

Operator para Firefox e microformatos

Neste artigo, falo um pouco sobre a Operator, extensão para Firefox que identifica microformatos nas páginas e facilita a interação dos dados com alguns serviços web.

É conveniente que se tenha uma noção do que sejam microformatos.

Há cerca de 6 meses conheci os microformatos; Infelizmente, por motivos vários - sendo o principal deles a “falta de tempo” -, não pude dar continuidade aos estudos e me aprofundar no tema. Como, atualmente, estou em uma “fase de estudos” na minha vida, decidi que um dos itens de minha lista seriam os microformatos. Além do quê, é importantíssimo, para um desenvolvedor web, saber do que se trata e saber aplicá-los a seus projetos.

O fato é que conheci uma excelente extensão para Firefox, a Operator, que possibilita a seus usuários usufruir de alguns benefícios em serviços web a partir de microformatos.

É o seguinte: quando se instala a extensão, uma nova barrinha aparece no Firefox. Nela, encontramos 7 menus, que se habilitam conforme a página em que se está atualmente.

barra de funções do Operator

Ou seja, as opções são habilitadas segundo os microformatos presentes na página. Se, por exemplo, o microformato hCard estiver implementado, a opção “Contacts” fica ativa, apresentando algumas subopções que podem ser escolhidas.

barra de funções do Operator com a opção "Contacts" habilitada

E o mesmo para cada tipo de microformato implementado. Só para citar alguns exemplos, dependendo do microformato há funcionalidades para:

Ou seja, a Operator é um grande avanço para se começar, efetivamente, a explorar o potencial dos microformatos. Ela os “aproveita” para ajudar aquele que a instalou a desfrutar de mais interatividade com bons serviços web, facilitando o trabalho / diversão dos usuários.

Afinal, é para isso que os microformatos servem!

Referências Nacionais

Wiki oficial
Que tal começar pelo “oficial”?

Microformats: aprenda a descrever seus dados
Esta á uma ótima introdução sobre os microformatos.

Microformatos para leigos
Outro bom artigo introdutório sobre os microformatos.

Microformatos
Mais texto explicando o que são os microformatos.

Melhores sites sobre microformatos
Lista compilada pelo pessoal da neosite.

Referências Internacionais

microformats.org
Este é o site oficial.

Introducing Operator
Só para constar, o Operator é um projeto do Mozilla Labs. Este post explica sobre o Operator “direto da fonte”.

What are microformats?
Uma apresentação feita por Tantek Çelik para explicar o que são os microformats.

Adicionar artigo ao Rec6    Adicionar artigo ao Linkk    Adicionar artigo ao doMelhor    Adicionar artigo ao del.icio.us   Postar artigo no StumbleUpon!