Finalmente alterei o layout do site. Apos alguns anos com um layout muito feio, estava na hora de mudar. Ainda estou testando esse novo layout e fazendo pequenos ajustes. Espero que gostem!Outra novidade e que adicionei um formulario de contato. Caso voce queira enviar uma mensagem, pode enviar por meio desse formulario ou pelo Twitter. Aqui na barra lateral do site tem os links para o formulario de contato, minha conta no Github e Twitter e o link para o feed RSS. Atualmente e bastante comum o uso de layouts responsivos, ou seja, layouts que se adaptam ao navegador do usuario.Se um usuario acessa o site usando um smartphone, o site provavelmente ira exibir apenas o conteudo essencial, deixando invisivel boa parte do HTML.Agora, por que devemos renderizar as areas que nao sao visiveis? Evitando a renderizacao de areas que sabemos estarem ocultas podemos melhorar o desempenho e economizar bateria dos dispositivos.Ember Responsive AreaPara o Ember.js criei um componente bastante simples que resolve esse problema. Toda a area dentro do componente sera renderizada apenas se estiver visivel. O componente se chama Ember Responsive Area.O uso dele e bastante simples:<div class="hidden-phone"> {{#responsive-area}} Aqui vem o conteudo. {{/responsive-area}}</div>Como funcionaQuando o componente e carregado, ele verifica se o elemento esta visivel. Se estiver visivel, renderiza a area. Caso contrario, nao renderiza e monitora o redimensionamento do navegador.Se o usuario redimensionar o navegador ou girar o dispositivo (tablet/smartphone) o componente ira verificar novamente se deve renderizar a area.Note que isso so funciona se a visibilidade da regiao depende do tamanho da janela do navegador, isso nao funcionara se voce esta ocultando e exibindo manualmente a area. Telas com alta densidade de pixels, chamadas pela Apple de "telas Retina", ja sao uma realidade. Temos smartphones, tablets e notebooks com essa incrivel resolucao.Se considerarmos a porcentagem de visitantes utilizando essas telas, pode parecer pouco, mas esse e um numero que so vai crescer a cada dia. Como diz o Marco Arment, esses visitantes representam o futuro. Nao e como a porcentagem de pessoas utilizando o Internet Explorer 6, que so tende a diminuir, nesse caso o numero so vai aumentar.Agora, como adequar seu site para essas telas? Como primeiro passo, siga esse guia. A biblioteca Retina.js pode lhe ajudar a prover imagens de alta resolucao apenas em dispositivos compativeis, economizando largura de banda para os outros dispositivos.Alterar as imagens do site e apenas o primeiro passo. Com isso feito, cabe a voce identificar as areas que nao estao com boa aparencia. Talvez trocar a fonte utilizada, ajustar outros elementos do site... mas isso so vendo o site em uma tela Retina pra poder dizer. Recentemente comentei que iria demorar algum tempo ate termos um monitor de 27 polegadas com tela Retina. So teremos uma tela dessas quando as portas Thunderbolt se tornarem mais rapidas. O Marco Arment publicou hoje um artigo que tambem fala sobre isso.Segundo ele, e esperado que entre o final de 2013 e inicio de 2014 o Thunderbolt seja atualizado, na mesma epoca a Apple deve lancar os novos Mac Pros e os novos monitores.Leia