Já aconteceu com você, quando vai criar uma nova arte para um site, e faz ao cliente a pergunta “Qual a resolução?”, quando prontamente recebe a resposta: 1024 x 768 px”. Você pensa: “Legal, 1024 pixels de largura por 768 de altura”, mas ainda assim esbarramos em um outro dilema: o navegador estará aberto em Tela Cheia?

Quando falamos de resolução de tela para criar um site pensamos sempre nos tamanhos com o navegador em tela cheia, mas, por padrão, ao abrir o Internet Explorer, Firefox, Chrome, Safari, Opera ou qualquer outro navegador, eles abrem em tela menor, ou seja o seu espaço é mais reduzido do que se pensava… Mas como saber o tamanho ideal?

Existem vários sites que indicam o uso de 960 pixels de largura como medida aceitável (eu, particularmente, sempre usei sempre o 990px, mas estou mudando para 960px). Apesar da disseminação de monitores maiores e notebooks onde a resolução é de 1280px ou mais, isso não deveria preocupar, mas ainda preocupa…

Por isso hoje minha dica hoje do site resizeMyBrowser que contém um script que diz qual o tamanho da área interna (botão Inner no rodapé do site) do navegador ou tamanho da janela toda (botão Outer no rodapé do site).

Achei muito legal a funcionalidade, mas ele não te traz só esta informação. Te diz ainda as resoluções padrões em vários meios de acesso, como celulares, iPad, iPhone, Google e outros. Então é bacana visitar este site e fazer o teste na sua casa, verificando quais medidas você obtém da sua janela, tanto colocando em tela cheia e no modo  normal.

Como sou desenvolvedor já alterei os tamanhos das janelas, se alguém quiser compartilhar com a gente a medida retirada em seu navegador, qual resolução aparece, basta comentar e deixar o link de onde está sua imagem nos comentários abaixo.