20 de junho de 2010

CSS3 power !

Veja do que o CSS3 é capaz

Flash ? Você não precisa mais disso para desenvolver animações em uma página da web, nem ficar batendo cabeça para desenvover boxes com cantos arredondados editando imagens ou criar um efeito de sombreamento sombreamento em páginas da web o CSS3 ta aí pra facilitar e surpreender. Veja do que o CSS3 é capaz nesses exemplos(...), o primeiro é o AT-AT Walker (aquele robô do Star Wars: O império contra ataca) em movimento.


Em primeira vista você pode achar que há algum javascript ou uma pitada de flash, mas não, é puro CSS3 e HTML que faz o movimento, você pode ver a demonstração ou como foi feito através do tutorial do site Optimum7.com


e o outro é o logo do Opera feito também com as novas propriedades do CSS3, você pode ver a demonstração e como foi feito.


fonte da imagem: www.flickr.com/photos/nemoorange/4421737904/

E é claro você só vai poder ver essas demostrações corretamente se estiver usando o Chrome, Safari 4.0 ou Firefox 3.6 ou superior, dá pra ter uma idéia de como, por exemplo, o logo do Opera vai ficar se for visto com o IE na imagem acima.

15 de junho de 2010

Google redesign

Uma breve analize do novo design do buscador.

Tempos atrás um dos sites mais conhecidos da web, senão o mais conhecido, o Google, sofreu algumas modificações no seu design, não muito radicais. O novo design ficou bem mais leve visualmente.

google redesign


Logo mais "light"

De cara podemos notar que o logo já não é mais o mesmo sofreu leves modificações no sombreamento e esquema de cores, os botões de busca também foram levemente modificados.(...)

google redesign


O "sequestro" dos underlines

Veja que os underlines dos links da home sumiram e só aparecem com efeito hover.


Nova sidebar e novo rodape

Uma das modificações mais notáveis foi a sidebar do lado esquerdo dos resultados de busca que agora pode ser dividido em categorias (news, images, maps, etc), o pessoal do Google resolveu dar uma "carinha" melhor as categorias na sidebar aderindo a moda dos icones, agora cada categoria tem seu respectivo ícone, e o rodape também ficou mais "light", foram modificações não muito drásticas mas que deixaram o design bem mais moderno que o anterior.

google redesign

google redesign

Se você ainda não está visualizando o novo design do google, tente acessando o Google em inglês aqui.