Teste a página do seu blog ou site gratuitamente, em diversas resoluções de telas de computadores e dispositivos móveis. Vamos começar com o site Ami Responsive Design - Esse é bem prático, basta acessar o site e colar o endereço do seu blog/site no local indicado e clicar em "GO". Os resultados aparecem em 4 telas de aparelhos (Desktop, celular, ipad e notebook).
Imagem: www.arrosdesign.com
Temos também, o StudioPress ou MattKersley - São sites diferentes, mas a ferramenta para testes é igual! Basta acessar um dos sites, colar o link do blog/site no local indicado e marcar a opção "Devices sizes" e apertar "Enter", aí no seu teclado! Para navegar utilize as setas do teclado para rolar a página na horizontal. Clique com o botão esquerdo do mouse, logo abaixo da caixa onde você colocou o link do seu blog/site e depois aperte as setas do teclado para navegar. É interessante fazer testes utilizando a ferramenta deste site, devido ao fato dos resultados aparecerem dentro de uma caixa com bordas, isto lhe dá uma noção de como aparece a página do seu blog/site nos dispositivos móveis etc. Não há muitas opções de resoluções para você fazer testes, mas ajuda bastante. 240x320 (small phone), 320x480 (iPhone), 480x640 (small tablet), 768x1024 (iPad - Portrait), 1024x768 (iPad - Landscape).
Responsive Test - Site com ferramenta bem interessante também, para você testar a página do seu blog/site. Ao acessar o site, coloque o endereço do seu blog/site na caixa que se encontra no topo á direita do seu vídeo e aperte "Enter" aí no seu teclado. Depois, clique num dos ícones para escolher uma resolução.
Screen Queri - É quase igual aos outros sites de teste, a diferença é que só apresenta resoluções para testar em aparelhos móveis.
Responsive - Cole o link do seu blog/site no local indicado e aperte "Enter" aí no seu teclado. A página aparecerá em 8 diferentes resoluções: iPhone portrait (320 x 480), iPhone landscape (480 x 320), iPad portrait (768 x 1024), iPad landscape (1024 x 768), Small Android portrait (240 x 320), Small Android landscape (320 x 240), Normal Android portrait (295 x 515) e Normal Android landscape (515 x 295).
Responsinator - Mais um site para você fazer testes. Basta colar o link do seu blog/site e clicar em "GO". Aguarde alguns segundos, que a página irá aparecer nas resoluções disponíveis no site.
O Designmodo também é interessante para testes, possui diversas resoluções para você testar a sua página web. Para utilizar a ferramenta basta colar o link do seu blog/site e apertar "Enter" aí no seu teclado, depois comece a escolher as resoluções que você deseja visualizar.
Na barra superior à direita do seu vídeo há quatro ícones: 1 telefone, 1 iPad/Tablet, 1 Notebook e 1 Tela de Desktop; basta clicar num destes ícones para escolher uma resolução. Resoluções disponíveis no site: 320x480, 640x960, 640x1136, 480x640, 720x1280, 320x533, 360x640, 480x800, 540x960, 1024x768, 2048x1536, 1024x600, 1280x800, 1440x900, 1920x1280, 1366x768, 2880x1800, 1920x1080, 1600x900 e 2560x1440.
Imagem: www.arrosdesign.com
Temos também, o StudioPress ou MattKersley - São sites diferentes, mas a ferramenta para testes é igual! Basta acessar um dos sites, colar o link do blog/site no local indicado e marcar a opção "Devices sizes" e apertar "Enter", aí no seu teclado! Para navegar utilize as setas do teclado para rolar a página na horizontal. Clique com o botão esquerdo do mouse, logo abaixo da caixa onde você colocou o link do seu blog/site e depois aperte as setas do teclado para navegar. É interessante fazer testes utilizando a ferramenta deste site, devido ao fato dos resultados aparecerem dentro de uma caixa com bordas, isto lhe dá uma noção de como aparece a página do seu blog/site nos dispositivos móveis etc. Não há muitas opções de resoluções para você fazer testes, mas ajuda bastante. 240x320 (small phone), 320x480 (iPhone), 480x640 (small tablet), 768x1024 (iPad - Portrait), 1024x768 (iPad - Landscape).
Responsive Test - Site com ferramenta bem interessante também, para você testar a página do seu blog/site. Ao acessar o site, coloque o endereço do seu blog/site na caixa que se encontra no topo á direita do seu vídeo e aperte "Enter" aí no seu teclado. Depois, clique num dos ícones para escolher uma resolução.
Screen Queri - É quase igual aos outros sites de teste, a diferença é que só apresenta resoluções para testar em aparelhos móveis.
Responsive - Cole o link do seu blog/site no local indicado e aperte "Enter" aí no seu teclado. A página aparecerá em 8 diferentes resoluções: iPhone portrait (320 x 480), iPhone landscape (480 x 320), iPad portrait (768 x 1024), iPad landscape (1024 x 768), Small Android portrait (240 x 320), Small Android landscape (320 x 240), Normal Android portrait (295 x 515) e Normal Android landscape (515 x 295).
Responsinator - Mais um site para você fazer testes. Basta colar o link do seu blog/site e clicar em "GO". Aguarde alguns segundos, que a página irá aparecer nas resoluções disponíveis no site.
O Designmodo também é interessante para testes, possui diversas resoluções para você testar a sua página web. Para utilizar a ferramenta basta colar o link do seu blog/site e apertar "Enter" aí no seu teclado, depois comece a escolher as resoluções que você deseja visualizar.
Na barra superior à direita do seu vídeo há quatro ícones: 1 telefone, 1 iPad/Tablet, 1 Notebook e 1 Tela de Desktop; basta clicar num destes ícones para escolher uma resolução. Resoluções disponíveis no site: 320x480, 640x960, 640x1136, 480x640, 720x1280, 320x533, 360x640, 480x800, 540x960, 1024x768, 2048x1536, 1024x600, 1280x800, 1440x900, 1920x1280, 1366x768, 2880x1800, 1920x1080, 1600x900 e 2560x1440.