Framework HTML5 + CSS3

Postado por: Pedro Rogério em
  • 31 ago
  • 9
BaselineCSS Framework

BaselineCSS é um framework criado para aqueles que gostam de desenvolver utilizando grids e dão um grande valor a tipografia do site. Ele possui templates em HTML5 e CSS3, é uma boa hora para aqueles que querem aprender sobre essa nova tecnologia baixar esse framework e aprimorar seus conhecimentos.

Infelizmente ou felizmente ele só funciona corretamente em browsers avançados, portanto, usuários de IE6 e IE7, atualizem seus browsers e desfrutem do que os browsers modernos podem lhe proporcionar.

CSS text-shadow

Postado por: Pedro Rogério em
  • 17 ago
  • 24
CSS text-shadow

A propriedade text-shadow das CSS é destinada a obter um efeito de sombreamento em textos sem a utilização de qualquer tipo de imagem ou JavaScript. Se antigamente você precisava utilizar imagens para adicionar sombras a textos, hoje isso não é mais necessário, a não ser que você não esteja nem aí para o Internet Explorer, claro.

Continuar lendo »

CSS swap hover effect

Postado por: Pedro Rogério em
  • 11 ago
  • 10

Vocês provavelmente já devem conhecer esse efeito, o de o usuário ao passar o mouse sobre alguma imagem na página, é mostrada a descrição da mesma, com um efeito de “swap”, esse efeito é bem interessante para ser utilizado em sites do tipo e-commerce, e para conseguir esse tipo de efeito não é muito difícil, só vamos ter algum trabalho para adequar o efeito ao Internet Explorer 6, que não interpreta corretamente o efeito :hover.

Para chegar a esse efeito, cada bloco de imagem deverá conter a seguinte marcação HTML:

<a class="show" href="#" title="Livro Ajax com jQuery"><img src="images/livro-ajax-com-jquery.jpg" alt="Livro Ajax com jQuery" /></a>
<div class="hide">
    <a href="#">Livro Ajax com jQuery</a>
    <p>Requisições Ajax com a simplicidade da jQuery</p>
</div>

Continuar lendo »

Páginas:«1...567891011...20»