Visualizacao do WebSiteTalvez voce nem imagina a quantidade de animacoes que podemos fazer utilizando o CSS 3. Efeitos desde o tradicional pisca pisca ate movimentacao de elementos, background, curvas, gradientes e distorcoes.Para voce ter uma ideia do que o CSS e capaz de fazer, trago para voces o animatable, uma tabela com 39 animacoes e efeitos diferentes utilizando apenas CSS.Clicando em animate all voce vera todas as animacoes em movimento. Clicando em Animate on hover as animacoes so irao ocorrer se passar o cursor por cima. Caso queira pegar o codigo, recomendo utilizar o Chrome, clicar com o botao direito em cima do elemento, clicar em Inspecionar elemento para ter acesso completo ao CSS.Entao anime-se, clicando aqui! Turbine seu Blog/Website para uma melhor leitura de conteudo!Quem nunca passou um bom tempo esperando uma pagina na web carregar, que atire a primeira pedra. Sempre nos deparamos com paginas pesadas e que por muitos motivos podem estar lentas.Se uma pagina leva mais que 5 segundos para carregar, o vistante do seu site ou comprador da sua loja virtual pode ficar frustrado e simplesmente abandonar a pagina.Velocidade e tudo, e ha muitas maneiras de diminuir o tempo de carregamento de uma pagina na internet. Veja algumas dicas da Oficina da Net:Altere todo o codigo HTML dentro das tags <style> para arquivos CSS externos. Estilos codificados nas proprias webpages tornam o site tumultuado ja que sao baixados toda vez que alguem acessa a pagina, enquanto um arquivo CSS externo e baixado apenas uma unica vez no computador do visitante.Diga nao a elementos em Flash ou objetos Quicktime que rodem automaticamente quando a pagina e carregada. No caso de animacoes e midias, os videos do Youtube, que iniciam apenas quando o botao Play e pressionado, podem ser uma boa alternativa.Se suas paginas possuem muito codigo Javascript, altere todo o codigo para um arquivo externo que sera carregado uma unica vez.Divida as paginas com excesso de conteudo em paginas menores. Ate os mecanismos de busca preferem essas paginas.Grandes quantidades de imagens devem ser evitadas em webpages. Mas se voce nao puder ficar sem as imagens, seria bom dividi-las em imagens menores, evitando sempre as de grandes dimensoes.Caso nao haja necessidade, diga adeus a recursos como chat, abas, previsao do tempo, mural, etc. Se essas coisas nao forem tao importantes assim para o seu site, livre-se delas, ja que aumentam muito o tempo de carregamento da pagina.Atributos simples de largura [width] e altura [height] na tag da imagem otimizam significantemente sua exibicao ja que os navegadores leem as dimensoes das imagens mesmo antes de as baixar do servidor onde estao hospedadas e exibi-las na pagina.Faca a compressao de seus graficos usando qualquer um dos utilitarios de edicao gratuitos, como Irfanview. Uma imagem jpeg com 60% de qualidade apos comprimida e suficiente.Limpe manualmente seu HTML se voce tiver montado o template do blog no Macromedia Dreamweaver ou Microsoft Frontpage, esses programas devem ter adicionado algumas tags HTML extra e outras informacoes que voce provavelmente nao precisara. Abra a template no Notepad e delete o que for desnecessario.Fique bem longe de