Criar um modelo é algo admirável, pois é preciso ir muito além do gosto do cliente. Tem que atender os navegadores mais usados, os diferentes tipos de tela e tantos outros detalhes. Hoje mostro aqui um pedacinho do empenho de Justin Avery, nesse trabalho. Uma criação incrível, de uma ferramenta que é muito útil para qualquer pessoa que trabalhe com sites, seja webmaster, webdesigner, pra trabalhar o front-end precisa disso:
O experimento vai muito além da primeira imagem, se pode pegar e arrastar os dispositivos simuladores e ainda navegar em cada um deles, descobrindo o que precisa ser ajustado, em cada tipo de tela.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaUnrbSJSGRkSgYU2dnyzs7VxYotnATg5eQiCRCL6W6P0lUA-5e9tyMLjHe9JdIlNt0_7Qn7TDutQex0x1a-CYYLiOXdc5a3Hpc_58ch7bMsE4bOnq1tU8S0U770RYcP2HFb7p75Rvo67u/s0/template+verbratec+responsivo.png)
O experimento vai muito além da primeira imagem, se pode pegar e arrastar os dispositivos simuladores e ainda navegar em cada um deles, descobrindo o que precisa ser ajustado, em cada tipo de tela.
Verbratec na tela!
Digite o url do seu blog/site Blogger no campo acima, use https e barra no final e click em renderize, veja se está tudo certo.
Ainda tenho muito para aprender.
[success title="Configuração básica." icon="check-circle"] Funcionalidades podem ser adicionadas e removidas.
Obrigado por sua visita! atualizado em 18/06/2021 [/success] Se você pode usar em seu site? Criar base de um 'plug-in'? Pergunte ao Justin.
![Justin responde sobre o uso do código de Eu sou responsivo. Justin responde sobre o uso do código de Eu sou responsivo.](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAFvB1S4f_-wdOK8-IWNGrOMfVFFQNMPFeJd_GnkqFcM_OMFT9u-Bcd5BWp6Ka849OldiH2UHLfnc6Nwpa52YnCru4jetCE7eoGPXEsPCFAxRN-a3JEbAtFF0M4R6u61Zn0tZfVvD5rktt/s0/verbratec+captura+de+tela+site+responsivo.png)
[full-post]
Postar um comentário
Deixe seu comentário 'humano'!