Uma página muitas vezes esquecida pelos desenvolvedores web é a página de erro 404. Resolvi divulgar alguns exemplos de páginas 404 personalizadas para você ver a importância que alguns desenvolvedores dão a essa página, que muitas vezes é deixada de lado.
Continuar lendo…
No ano passado, o Google começou o ano com uma grande atualização de PageRank e muitos que prestam atenção a essa métrica de SEO estavam esperando o mesmo em 2011. Infelizmente, não houve qualquer atualização de Pagerank. A atualização do PR pelo Google era esperada para o dia 31 de dezembro de 2010, porém não aconteceu. Digo isso porque em fóruns, e comunidades de SEO era o que se falavam. Como não houve atualização há rumores de uma atualização agora no mês de janeiro.
Continuar lendo…
O site line25 fez uma seleção de 35 tutoriais de layouts para sites, todos usando o Adobe Photoshop. Aprenda como simples efeitos e técnicas são utilizados para criar layouts detalhados e com uma grande variedade de estilos diferentes. Os tutoriais são em inglês, entretanto, se você possui mesmo que um conhecimento básico do Photosop conseguirá acompanha os tutoriais.
Continuar lendo…
No artigo anterior falei sobre como usar o elemento NAV do HTML5. Hoje vou falar um pouco sobre o elemento SECTION.
A tag section é utilizada para marcar as seções de conteúdo de uma página. Com Esse elemento agrupamos de forma lógica nosso conteúdo, separando a informação em áreas diferentes. O principal objetivo é retirar essa responsabilidade das divs. Tendo como principal diferencial a navegação semântica com HTML 5.
Continuar lendo…
Tutorial demonstrando como criar um Layout CSS com 3 colunas.
Existem dois tipos principais de layouts com CSS: largura fixa e de largura variável (conhecido também como, layout líquido ou layout fluido), esse último o site se ajusta ao tamanho da janela do navegador do usuário. Outra coisa que se pode fazer é deixar a coluna do conteúdo como uma largura variável e as colunas ao lado fixa. Nesse artigo vou mostrar como criar um layout fixo de 3 colunas.
Continuar lendo…
Uma das novidades da Linguagem HTML5 é fornecer aos desenvolvedores de web um conjunto padronizado de estruturas semânticas e tornando a linguagem HTML muito mais inteligente.
O elemento nav da HTML5 representa uma seção de uma página com links para outras páginas do site ou para determinadas partes da mesma página. Esse elemento nada mais é que uma seção com links de navegação. Nem todos os grupos de links, em uma página, precisam estar dentro do elemento nav, somente seções que consistem em blocos de navegação principais são adequadas para o elemento nav.
Continuar lendo…
O pessoal do Mestre SEO lançou mais um desafio de final de ano. O desafio que vai premiar o primeiro resultado da busca orgânica no Google para a palavra chave Nuvenus Chovendus, aplicativo onde você pode fazer a previsão do tempo no seu próprio Ipad. O termo foi escolhido pela equipe do site MestreSEO.
Continuar lendo…
O site creative NERDS fez uma coleção dos 100 melhores tutoriais de Photoshop. São imagens de alta qualidade e com design profissional, tutoriais escolhidos a dedo.
Obviamente que os tutoriais são todos em inglês, mas se você já possui um conhecimento mesmo que básico de Photoshop será capaz de acompanhar todos eles. Durante os tutorias você pode pegar dicas e truques na utilização de camadas, máscaras e muito mais recursos do programa.
Continuar lendo…
Vou mostrar um exemplo rápido para fazer o efeito de revelar a legenda de uma imagem apenas quando o usuário passar o mouse sobre a imagem. Normalmente se coloca a legenda logo abaixo da imagem, nesse caso a legenda aparecerá sobre a imagem e na parte inferior. O efeito é inteiramente feito com CSS, sem qualquer necessidade de JavaScript. É um ótimo efeito para ser usado em galerias de imagens para colocar a descrição da imagem quando o mouse estiver sobre a imagem.
Continuar lendo…
Com certeza a nova linguagem de marcação vai revolucionar a forma como os desenvolvedores web criam seus sites. Quem já viu alguns tutoriais de HTML5 sabe das suas novas funcionalidades, técnicas e elementos que permitem aos desenvolvedores criar surpreendentes efeitos. Com HTML5 você pode adicionar alguns efeitos de grande impacto para o seu site com facilidade, como reprodução de vídeos, efeitos de arrastar e soltar (Drag and Drop) e muitos outros.
Continuar lendo…
