Participo de algumas listas de discussão e em duas delas sempre aparecem perguntas como: o que é design, qual a função do designer, web design é derivação do design gráfico….

Navegando na internet neste final de semana, me deparei com uma palestra do Luli Hadfahrer (cara phoda que sigo a um tempo… da época do LOV – Laboratório de Orientação Visual…)

Bom, a palestra abaixo está dividida em duas partes e foi uma das melhores que vi sobre design. Vale muito a pena ver, mesmo quem não é designer.

A solução já é batida no meio dos desenvolvedores de interface e o funcionamento depende do cabeçalho DocType em xHtml 1.0 transitional.

Trata-se do famoso pngFix.js , hack inspirado nas idéias do colega Michael Lovitt. Basicamente um script que varre o código html atrás de imagens com a extensão .png para implementar a propriedade Cascade Style Sheet “Filter”.

A interpretação do valor “progid:DXImageTransform.Microsoft.AlphaImageLoader” para a propriedade css “filter”, foi implementada pela Microsoft no Internet Explorer, nas versões inferiores a versão 7, justamente para atender à demanda de imagens .png com pixels transparentes, veja a documentação oficial.

Segue o link para o estudo e a solução: http://homepage.ntlworld.com/bobosola/index.htm

Ps: há possibilidade de conflito com frameworks e libraries javascript como Jquery. Onde é necessária a intervenção através da criação de uma função a ser chamada após a renderização da interface inicial.

Enjoy!

Bom, vamos para mais uma matéria do final de semana. Algumas pessoas me perguntaram o que faço no final de semana (no caso, estava rolando um papo sobre ser nerd depois de rever a apresentação do Marco Gomes – Boo-box – onde ele se apresentava como NERD) e eu disse, além de tudo (sair, beber com amigos, navegar na net, ver TV, cinema, shopping…) eu estudo. Me chamaram de nerd e louco. Acho que não, ou sou, sei lá.

O estudo deste final de semana foi motivado por um problema (comecei na sexta durante o expediente, mas não agüentei e estou aqui relendo o material).

O PROBLEMA

Na realidade por ter que dar solução para o problema de um cliente da agência: um espaço apertado que precisava conter um formulário grande. O layout do cliente era limitado ao tamanho de visualização previsto para uma resolução de 1024×768, tinha 3 colunas divididas em 25%, 50% e 25% respectivamente. O formulário tinha 50 campos e alguns eram descritivos (text area).

Procurando uma solução legal para este desafio, esbarrei em um material de Luke Wroblewski (Senior Director, Product Ideation & Design – Yahoo Inc.) com as melhores práticas para design de formulários, enviado pelo Bruno Augusto (esse sim é nerd demais). Leia Mais »