Tendencias na web e novas tecnologias

Mais uma vez estamos aqui para falar do nosso tão esperado CSS3. Já falamos e mostramos novos recursos em outros dois posts, o CSS-Trick: Escondendo uma mensagem no texto e o CSS3 – Usando o border-radius. Já no post CSS-Gallery: Criando uma galeria usando somente CSS, mostramos como criar um simples galeria usando apenas o CSS. Desta vez vamos mostrar outro modelo de CSS-Galery, mas desta vez usando novas possibilidades do CSS3.

Estrutura do HTML

Em primeiro lugar, criamos a estrutura HTML mostrada abaixo, que nada mais é do que uma lista ul dentro de uma div cujo ID é “galeria”. Dentro de cada item dessa lista, colocaremos uma imagem, sendo uma a smallatura e uma a imagem no tamanho natural, que deverá ser mostrada quando o mouse for passado por cima da imagem em questão. Leia o resto deste post »

Uma das funções mais aguardadas do CSS3 sempre foi o border-radius, que é nada mais, nada menos, a possibilidade de criar bordar arredondadas.

Este recurso beneficiará e facilitará a vida de todo mundo. Imaginem um mundo sem criar diversas imagens de background para arredondar bordas em elementos de seu site, ou, para os usuários de tabela, deixar de criar estruturas complexas para esses fins.

Pois bem, este recurso já esta disponível nos navegadores mais novos, e isto é algo realmente bom, pois podemos começar a nos acostumar com esse recurso, e, em um sonho mais distante, podemos acostumar a internet aos novos navegadores.

Infelizmente um dos navegadores mais utilizados da internet, como sempre, ainda não integrou esse (e diversos outros) recursos do CSS3. Claro que estou falando do nosso amigo o Internet Explorer. Porém há rumores de que a versão 9.0 do navegador da Microsoft trará já o CSS3 em seu renderizador. Leia o resto deste post »