• Home

Guia de Estilos do Google para HTML/CSS

O CSS veio para ajudar a melhorar o visual quadradão do HTML, porém o seu uso merece alguns cuidados. Além de vários artigos publicados, ensinando as semânticas do uso da marcação, agora o Google resolveu disponibilizar um guia para orientar quem trabalha com HTML/CSS. São dicas valiosas que melhorar não só o visual do código como melhora os mecanismos de interpretação e até melhora a sua posição nos buscadores.

São vários exemplos bacanas, alguns a maioria dos desenvolvedores já conhecem, mas não custa nada dá uma olhada.

Como por exemplo usar as propriedades agrupada:

/* Not recommended */
border-top-style: none;
font-family: palatino, georgia, serif;
font-size: 100%;
line-height: 1.6;
padding-bottom: 2em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0;
/* Recommended */
border-top: 0;
font: 100%/1.6 palatino, georgia, serif;
padding: 0 1em 2em;

Vale muito a pena conferir as dicas, o link para o artigo completo.

Wireframe Sketcher

Como o próprio nome já diz, essa ferramenta permite a criação de diversos tipos de wireframe, desde storyboards a app de mobile. No site é possível ver alguns vídeos de demonstração e fazer o download da versão trial. Mais info+. Confira a ferramenta no vídeo abaixo.

Vide google: “Um wireframe de site web é um guia visual básico usado em design de interface para sugerir a estrutura de um sítio web e relacionamentos entre suas páginas. Um wireframe web é uma ilustração semelhante do layout de elementos fundamentais na interface. Normalmente, wireframes são concluídos antes que qualquer trabalho artístico seja desenvolvido.

As ilustrações de Alexander Fedosov

Confesso que ia apenas passar pelo twitter a página desse artista, mas depois de ver as ilustrações tive que fazer algo melhor. Há muito tempo não via algo tão diferente na área de desenhos. Você pode conferir mais trabalhos do Ucraniano Alexander Fedosov, no Behance ou Deviantart.

Ilustrador

Semana Santa em São João del Rei 2012

A semana santa de São João del Rei é uma das mais históricas de Minas Gerais, conta com inúmeros eventos e o principal é descendimento da cruz, onde eles encenam a retirada de Jesus da Cruz e saem em procissão com o Senhor Morto. Aproveitando que as ruas e igrejas da cidade ficam enfeitadas, é um bom momento para conseguir boas imagens dos monumentos. Mais fotos na minha galeria do flickr.

Semana Santa 2012

Photoshop CS6 – Beta

O tecido da realidade foi abalado mais uma vez, com a liberação do beta CS6, onde a Adobe mostrou que não está pra brincadeira e cada vez mais aperfeiçoa o queridinho dos designers. Entre as grandes novidades temos a mudança na cor da Interface, que agora se assemelha com o After Effects, editor de vídeo da empresa. Mas para os xiitas que quiserem a interface anterior é só acessar Edit > Preferences > Interface.

Algumas ferramentas receberam uma melhoria, caso da crop tool, que agora tem uma maior variedade de recortes. Outra mudança é na exibição de camadas, onde é possível organizar por categorias. Agora também é possível adicionar opções de mesclagem em um grupo de camadas, essa alteração é bem bacana.

Com relação aos filtros agora temos novas opções de blur, como o famoso Tilt-Shift, aquele que faz com que as fotos se pareçam com maquetes. Temos o filtro oil paint, que muita gente vai se auto intitular “pintor” com essa ferramenta. Foram acrescentados melhorias na edição de vídeo e ajustes em fotos RAW. O que leva a crer que o photoshop está se tornando um multi programa integrando ferramentas do Lightroom e After Effects, claro que não possui uma variedade como os programas citados, mas já está chegando perto.

São muitas mudanças, mas a que mais me surpreendeu foi a Sneak Peeks, uma bruxaria que permite ajustar o famigerado tremido das fotos, é algo fantástico (veja aqui o vídeo dessa ferramenta) . Dentre as milhares de postagens com opinião sobre o novo CS6, aqui tem o melhor artigo na minha opinião, An Insight Into Some Of Best features In Photoshop CS6. Para testar o beta é só acessar http://labs.adobe.com/downloads/photoshopcs6.html.

Tipografia para disléxicos

Acessibilidade é a tarefa de tornar possível a visualização de alguma coisa por todos, seja na internet, no jornal, revista ou em qualquer outro lugar. Quando falamos de problemas visuais, não devemos apenas nos limitar a opções de aumentar e diminuir o texto, mas sim de vários outros problemas, como no vídeo abaixo, falando sobre a Dislexia. Esse problema caracteriza-se por uma dificuldade na área da leitura, escrita e soletração. Escrever palavras com ordem inversa, trocas de letras semelhantes como o b e d. Se você se interessou pelo assunto, tem um artigo ótimo no  wwwhatsnew.

Foto em Pauta em Tiradentes

Entre os dias 14 e 18 de março aconteceu em Tiradentes o Foto em Pauta, evento de fotografia, que reúne fotógrafos profissionais e amadores para vários debates, exposições e muita informação. Confesso que não pude participar de todos os dias, mas conseguir participar de um Ciclo de Idéias com o fotógrafo Mauricio Lima, que contou a sua experiência em zonas de conflito. Se quiser saber mais informações sobre o evento, como próximas datas, acesse http://fotoempauta.com.br. Aproveitei e tirei algumas fotos, como a antiga cadeia da cidade (abaixo), outras disponíveis no meu flickr.

Tiradentes MG