Trabalhando com desenvolvimento web é comum ter alguma dificuldade para testar e adequar o trabalho a tantos tamanhos de tela existentes.
Alguns navegadores oferecem nativamente algum suporte através das ferramentas de desenvolvedor, mas como suas especificações variam com muita frequência, é difícil adequar-se a um específico, além disso constantemente algumas inconsistências acabam prejudicando tais ferramentas. Outra maneira existente, e muito utilizada é redimensionar manualmente a tela do navegador, porém este procedimento não é muito confiável.
Hoje, como solução viável para realizar estes testes, trago como dica o ScreenFly, um site que gera uma visualização completamente funcional de seu projeto ou de qualquer site da web, simulando as dimensões de tela de qualquer dispositivo que você defina.
Para utilizar a ferramenta insira o endereço da internet ou local, do site, projeto ou arquivo e clique em "Go". O endereço selecionado será carregado dentro da janela do Screenfly e algumas opções aparecerão na aba superior, dentre elas várias configurações pré definidas com tamanhos específicos de dispositivos, incluindo uma com a opção de personalizar os valores.
É possível navegar, atualizar a tela e até mesmo rotacionar a forma de visualização do dispositivo, permitindo que todos os testes possam ser realizados para qualquer resolução desejada.
A ferramenta é simples, fácil de utilizar e muito útil, portanto aproveite o que ela tem de melhor para refinar seu trabalho e dar aquele acabamento especial aos seus projetos.
Gostou da dica? Comente suas impressões e acompanhe nossas sugestões.
Nenhum comentário:
Postar um comentário