Tumblelog by Soup.io
Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

November 20 2015

dottypontius

Facilitating PSD To HTML Conversion Using Bootstrap

Uma vez li um post do caro Felipe (segunda vez que cito ele por aqui, haha) no qual ele comenta sobre algumas vagas disponíveis para mídia e sem profissionais para preenchê-las, e que me levou a escrever este post foi mesmo motivo.

Essas dicas são muito boas, me identifiquei muito pois meu primeiro trampo como front, usávamos scrum e realmente designer no caso eu ( design e front ) ficava sobrecarregado e com pouco tempo, mas como eu realizava as duas tarefas eu mesma acabei criando uma forma de facilitar minha parte na hora do fatiamento como renomear camadas e todas as outras coisas que vc foi sitando.

Mas todos os navegadores modernos, IE inclusive, não tratam mais zoom assim. Na Web moderna, conceito de pixel é relatevo também. Escrever 1px no CSS não significa necessariamente um pixel físico na tela Quando usuário dá um zoom de 200% por exemplo hoje em dia navegador aumenta todas as medidas, inclusive pixel. Isso quer dizer que 1px no CSS vai ser desenhado com dobro de pixels físicos (2px x 2px numa tela comum).


É bom aprender coisas novas. As vezes é mesmo complicado fazer toda esta relação entre os elementos e, isto acaba afetando trabalho. Eu pessoalmente ainda faço alguma confusão - foço teste de melhor funcionamento - na hora de implementar px ou em num elemento. Seja como for, segredo é, como você mesmo disse, adequar-se à situação. E quanto ao novos valores (rem e vw) são novidades. È bom aprender sempre!!! Valeu!

Agora por minha opinião, não consigo gostar muito do EM, acho que só mesmo em algum widget ou em um painel de texto em que programador já faz pensando em acessibilidade. (Ex: botões A+ A- aumentam/diminuem corpo, titulo e subtitulo de um texto). Fora isso só stress fazendo cálculos pra depois perceber que trabalho extra é somente isso… Trabalho extra.

In case you cherished this article and you would want to get more information about psd to html5 css3 responsive generously check out our web site.

Don't be the product, buy the product!

Schweinderl