Michel

Que tal aprender a criar links em imagens utilizando Image Maps? Recurso muito conhecido no Fireworks, na qual consiste em criar links em uma imagem.

A imagem fica com áreas como se fossem links semelhantes a <a href… parecendo que a imagem esta dividida mais na verdade os links estão na forma de mapeamento de imagem.

Acessem o link:
http://www.frankmanno.com/ideas/css-imagemap/

Que tal desenvolver seus sites com layouts líquidos via CSS? O site http://particletree.com/features/dynamic-resolution-dependent-layouts/ mostra um tutorial ensinando passo a passo como fazer. O layout líquido é muito usado em lojas virtuais, que se ajusta de acordo com a tela do navegador do usuário, que tal seu site ser configurado para todas as resoluções via CSS, esse tuto é perfeito.

É muito interessante o tutorial pois ele tem os arquivos para download.

Acessem:
http://particletree.com/features/dynamic-resolution-dependent-layouts/

Que tal criar um botão igual a esse de cima só que feito via CSS e usando transparências no PNG? O legal é que você não precisa de várias imagens para os cantos do botão, mais o que impressiona é o poder do CSS pois quem irá mudar as cores do botão é o CSS em uma escala de 0 a 10, vale a pena conferir essa matéria.

Visitem o site http://monc.se/kitchen/59/scalable-css-buttons-using-png-and-background-colors/

OBS: O site na qual tem o artigo teve  185 comentários, muita coisa  para  um artigo.

O site CSS Optimizer, ele reduz o tamanho das suas folhas de estilos abreviando o código, retirando espaços em brancos,  ele otimiza agrupamentos, resumindo ele da uma enxugada no seu CSS.

Não testei o site apenas fiz um teste e achei que seria interessantes postar aqui, não sei quais os bugs do sistema, o que deu para perceber que o site funciona muito bem, só não vale depois tirar onda com seus amigos dizendo que você é o cara no CSS, especialista em criar um CSS perfeito, rsrsrsrsrsrs.

Acessem o link: http://www.cssoptimiser.com

Navegando pela web achei um site muito interessante http://www.cssplay.co.uk/ ele mostra exemplos bem legais de menus, layouts, boxes… tudo estruturado através do CSS.

Alguns exemplos o autor disponibiliza o código-fonte outros não, mais nada melhor que dar uma olhada no código-fonte da página para aprender as técnicas. Muito bom site, acessem http://www.cssplay.co.uk/