Imagens PNG transparentes 24 bits no Internet Explorer 6 - vulgo IE 6 - é algo que a Microsoft resolveu ignorar na mais odiada versão de um software na história. Existem centenas de soluções que arrumar esse problema com JavsScript ou simplesmente CSS, porém somente uma delas funciona em todas as situações que você implementar seu código, seja ele uma imagem ou um background no CSS. De quebra você ainda poderá usar o PNG transparente com os comandos background-position e background-repeat, que a grande maioria dos outros hacks não aceitam.

A tal solução chama-se DD_belatedPNG, o qual é um pequeno JavaScript com 7kb, que deve chamá-lo em suas páginas. O código possui uma condicional if que faz com que o código que está dentro do bloco só funcione no Internet Explorer 6, ou seja, é exatamente o que precisamos.

Para quem acha que não é possível compactar imagens em PNG, saiba que através de um serviço online isso já se tornou possível. Não só o PNG mas todos os outros formatos de imagens conhecidos podem ser compactados e otimizados. O resultado é aceitável. Em média 5% do tamanho da imagem original sem perder a qualidade (visual). Nada mal para quem usa mais 30 imagens em um site.

A ferramenta faz parte do excelente Yahoo! Yslow e chama-se Smush.it.

Fazia já um tempo que não alimentava o blog, porém agora resolvi voltar com força total. Uma das grandes dificuldades de trabalhar com CSS é qual unidade de medida adotar nos seus sites. O padrão são os famosos pixels (px) mas ainda assim existem outras medidas superiores como o EM e os pontos que varia de qual ferramenta você está usando. Os valores da tabela são aproximados, pois os valores podem variar conforme a fonte, navegador e sistema operacional que você estiver usando.

Essa tabela serve para converter os valores e ajudar na hora de transformar um layout no Photoshop para um layout em HTML, por exemplo.

Fonte: Sureshjain

Com o mercado aquecido e com cada vez mais oportunidades, desenvolver para dispositivos móveis é cada vez mais importante para qualquer profissional que trabalhe com desenvolvimento voltado para web. O iPhone tem algumas vantagens em relação aos outros dispositivos que variam de tamanhos e navegadores. Como iPhone é único, a compatibilidade é melhor.

Para conferir uma galeria com centenas de belos sites para o iPhone, acesse a galeria CSS iPhone.

Grandes sites costumam demorar mais para se adaptar a novidades do mercado em termos de design, acessibilidade, SEO e outros itens. Tudo em uma grande empresa é mais lento que em uma empresa pequena e inovadora. Apesar disso, uma hora a inovação se torna inevitável para não perder mercado para os pequenos.

Uma tendência é a simplicidade. Conforme o tempo vai passando, é possível conferir que os sites vão ficando mais simples que a versão anterior.

Confira uma seleção internacional de portais que evoluiram com o tempo. Estou preparando uma com os portais brasileiros.

Fotos: Web Design Ledger

Para converter imagens em ícones sem a necessidade de programas específicos já é posível graças aos conversores online de imagens. Já usei o iConvert mais de uma vez e achei a qualidade do serviço é muito superior aos outros sites que prometem a conversão.

Formatos suportados: ico, icns (Mac), svg, gif, png, tga, cur, bmp, jpg, xpm e rsrc. O site também aceita customizações na qualidade dos resultados desde 8 até 32 bits.

Você se considera um artísta? Se a respsota for positiva, você pode expressar todo esse potencial através de uma divertidade ferramenta online. O Sketchfu. Com ele você tem total liberdade de criar seus trabalhos de desenho e compartilhar com quem quiser na rede ou na própria rede Sketchfu.

O mecanismo em Flash é bastante simples e conta com as principais funções que um programa de desenho precisa, com um adicional, de gravar todos os passos que você usou para fazer o desenho. Site bastante divertido.

Comecei a usar o SketchUp desde o seu começo, antes mesmo do Google abocanhar mais essa ferramenta. Com ele você pode criar modelos em 3D voltados para arquitetura tão simples que você não vai acreditar. O resultado não chega ao de um AutoCad, mas é o suficiente para quem está iniciando com este tipo de ferramenta e especialmente com modelagem 3D melhor que soluções web.

Ele é distribuído em duas versões diferentes: Uma gratuita e uma paga. Em ambas as versões você poderá criar modelos como a foto ao lado. Pelo menos, o Google diz que foi feito usando a sua ferramenta.

Interessante na última versão é a integração com serviços do Google como Maps e Earth.