Tendencias na web e novas tecnologias

Hora de criarmos mais uma utilidade pra o CSS3. Vamos mostrar como fazer um painel retrátil com CSS3.

HTML

Como sempre, vamos primeiro criar a estrutura HTML do nosso exemplo. Nela definiremos um ID para a div principal, que chamaremos de retractable, e um para cada div secundária, sendo elas first e second. Também definiremos uma classe para as duas divs secundárias, pois elas terão a mesma formataçã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 »