Cubo 3D com CSS

Postado por: Pedro Rogério em
  • 14 mai
  • 6

Você sabia que pode criar um cubo 3D utilizando modernas técnicas de CSS, sem a utilização de JavaScript, canvas, imagens ou SVG? Utilizando a propriedade transform e skew você pode criar cubos para formar um objeto 3D. Atualmente essa funcionalidade só funciona em browsers baseados no motor de renderização Gecko, especificamente no Firefox 3.5+, utilizando -moz-transform, e no Safari 3.2+, que utiliza Webkit, através de -webkit-transform.

Cubo 3D com CSS

Se você utiliza algum desses browsers, veja esse exemplo que preparei. Se você quer aprender a desenvolver um cubo semelhante a esse, basta dar uma olhada no tutorial que Paul Hayes desenvolveu.

Inherit no Internet Explorer

Postado por: Pedro Rogério em
  • 21 abr
  • 14
Herança em CSS

O que é Inherit?

De acordo com as especificações das CSS 2.1, inherit pode ser definido como:

É uma característica das CSS ao qual podemos definir herança entre os estilos, suportada por todas as propriedades CSS.

Se por exemplo, se definirmos que nossa tag de título h1 tenha os seguintes estilos:

h1{
   color:black;
   padding:10px;
}

E logo após definirmos os seguintes estilos para um link ou qualquer elemento que tenha como pai o h1, dessa forma:

h1 a {
   color:inherit;
}

Continuar lendo »

Download: A Guerra dos Browsers

Postado por: Pedro Rogério em
  • 6 mar
  • 5
Guerra dos Browsers

A Discovery Channel produziu a algum tempo atrás um documentário onde você pode ver toda essa história a fundo da Guerra dos Browsers que aconteceu entre os anos de 1995 e 1999, que inclusive postei no meu outro blog. Só que infelizmente parece que eles tiraram o vídeo do ar. Mas como eu tenho amigos influentes na Internet, meu amigo Rafael me enviou um link onde podemos efetuar o download da versão full, em Português do vídeo sobre a Guerra dos Browsers.

O Vídeo está no formato .flv, portanto você precisará de um player alternativo para vê-lo, eu aconselho você a utilizar o nFLVPlayer para isso.

CSS Conditional comments

Postado por: Pedro Rogério em
  • 15 jan
  • 9

Uma das operações mais comuns desenvolvidas pelos programadores em uma página web é detectar o tipo de navegador utilizado e versão para que o conteúdo seja entregue de forma conveniente ao usuário. Para isso podem ser utilizadas várias técnicas tanto do lado servidor como do lado cliente. Nesse tutorial você terá uma introdução aos conditional comments, uma forma simples de diferenciar folhas de estilo entre as diversas versões o Internet Explorer.

Benefícios de utilização

Os principais benefícios de utilização são:

Menor impacto do lado cliente
Quando o navegador encontra um comentário condicional que não diz respeito a ele, ele o considera como um simples comentário HTML e o conteúdo não é analisado, baixado, economizando recursos da máquina cliente.
Não é necessário o uso de Scripts
Conditional comments são utilizam nenhum tipo de Script ou DHTML, durante o carregamento da página ele é analisado e direcionado somente para o browser necessário.
Separa o código da lógica
Utilizando Conditional comments você separa seu código em pequenos segmentos, tornando mais fácil o entendimento e a manutenção.
Cross-browser
A utilização de Conditional comments não é restrita somente ao Internet Explorer, eles podem ser utilizados nos browsers que suportam comentários condicionais para personalizar o conteúdo e aqueles que também não suportam.

Continuar lendo »

Páginas:12»