quarta-feira, abril 21, 2010

[Dicas-L] Extensão Firefox para Webdesigners - Window Resizer

------------------------------------------------------------------------------
:: Acompanhe a Dicas-L no twitter: http://www.twitter.com/dicasl ::
------------------------------------------------------------------------------
:: Colabore com a Dicas-L. Publique seu comentário sobre esta mensagem
:: em http://www.Dicas-L.com.br/dicas-l/20100421.php
------------------------------------------------------------------------------
:.: Google Android - 1 profissional por Micro :.:
Quase tudo é possível
http://www.temporealeventos.com.br/?area=138
---------------------------------------------------------------------------

Extensão Firefox para Webdesigners - Window Resizer
===================================================

Colaboração: Rubens Queiroz de Almeida

Data de Publicação: 21 de abril de 2010

Todo webdesigner ao projetar suas páginas precisa saber como seu trabalho será exibido em monitores de diferentes resoluções. Se for feito da forma tradicional, é um processo trabalhoso e que consome tempo. A extensão Firefox Window Resizer (https://addons.mozilla.org/pt-BR/firefox/addon/1985), agiliza enormemente o processo. Basicamente o que ela faz é redimensionar o tamanho de seu browser para refletir a dimensão desejada.

A seguir, reproduzo a tela de meu browser, em seu tamanho original. Nas figuras abaixo, para ver o tamanho correto, clique sobre as figuras para as ver ampliadas.


| [[""http://www.dicas-l.com.br/imagens/windowresizer"".png] ""http://www.dicas-l.com.br/imagens/tn_windowresizer"".png]

Para utilizar esta ferramenta, clique no menu Ferramentas de seu browser:


| [[""http://www.dicas-l.com.br/imagens/windowresizer1"".png] ""http://www.dicas-l.com.br/imagens/tn_windowresizer1"".png]

Em seguida, a ferramenta será aberta, e você terá a opção de reconfigurar o seu browser com as resoluções mais comuns: 640x480, 800x600, 1024x768 1280x1024 e 1600x1200.


| [[""http://www.dicas-l.com.br/imagens/windowresizer2"".png] ""http://www.dicas-l.com.br/imagens/tn_windowresizer2"".png]

Como exemplo, redimensionei a janela de meu browser para 800x600. A janela é a mesma exibida acima. Podemos ver como os elementos da página são exibidos na nova resolução.


| [[""http://www.dicas-l.com.br/imagens/windowresizer3"".png] ""http://www.dicas-l.com.br/imagens/tn_windowresizer3"".png]

Na resolução 1024x768, a tela é exibida da seguinte forma:


| [[""http://www.dicas-l.com.br/imagens/windowresizer4"".png] ""http://www.dicas-l.com.br/imagens/tn_windowresizer4"".png]

Uma ótima ferramenta. Para saber mais e instalar esta extensão, visite o site do software (https://addons.mozilla.org/pt-BR/firefox/addon/1985).

--------------------------------------------------------------------
Avaliando Empresas, Investindo em Ações
http://www.novatec.com.br/livros/avaliando_emp/
Livros da Editora Novatec com desconto para assinantes da Dicas-L
Código da promoção: DICAS-L
Desconto: 20%
Validade: 31/12/2009
------------------------------------------------------------------------
------------------------------------------------------------------------
A Dicas-L tem o apoio da Locaweb (http://www.locaweb.com.br)
-------------------------------------------------------------------------
Descadastramento: http://www.dicas-l.com.br/descadastramento.php
-------------------------------------------------------------------------

As mensagens da lista Dicas-L são veiculadas diariamente
para 29666 assinantes.

Todas as mensagens da Dicas-L ficam armazenadas em
http://www.Dicas-L.com.br/dicas-l/

A redistribuição desta e outras mensagens da lista Dicas-L
pode ser feita livremente segundo a licença Creative Commons
http://creativecommons.org/licenses/by-nc-sa/2.0/br/deed.pt

/ Dicas-L: Uma dica por dia desde 3 de \ março de 1997 /
--------------------------------------
\ ^__^
\ (oo)\_______
(__)\ )\/ ||----w |
|| ||
-------------------------------------------------------------------------
Newsfeed RSS: http://www.dicas-l.com.br/index.xml
-------------------------------------------------------------------------

Nenhum comentário: