Tagged in

C s s3

RSJS - Animações com CSS3

Finalizando a série de posts sobre o #RSJS, compartilho agora o vídeo da palestra de animações com CSS3 do Felipe N. Moura. Esta, como todas as outras é uma excelente palestra, mas ressalto que, quem se interessa por animações, deve parar agora o que estiver fazendo, e assisti-la. O Felipe dedicou bastante tempo de estudo em cima de animações com CSS3, e o conteúdo que ele apresenta é sensacional, com vários exemplos de animações, mostrando assim o que pode ser feito....

Experimento CSS3 3D - The Wall Explosion

Depois de assistir pela terceira vez a palestra sobre CSS3 do Felipe N. Moura, e ter agumas aulas do próprio, me empolguei com CSS3, principalmente com a possibilidade 3D. Coincidentemente, neste mês de Março, o Mozilla Dev Derby é sobre CSS3 3D. Já submeti 2 demos simples para a Mozilla, e agora fiz uma coisa um pouco mais complexa. Minha ideia foi criar um muro 3D, com tijolos 3D. É simples, cada tijolo do muro é um elemento 3D, e o conjunto de tijolos que formam o muro, também é 3D....

Esfera com CSS3 3D

Fiz mais um demo com CSS3 para o Mozilla Dev Derby. Depois de ter feito umcubo 3d, minha ideia agora foi complicar um pouco e fazer uma esfera. Depois de pensar um pouco, saiu uma esfera legal. Não desenvolvi a esfera com base nas fórmulas da geometria, o que seria o correto e faria ficar bem mais bacana, mas para um primeiro experimento, está Ok. Deêm uma olhada, e se acharem legal podem curtir lá ;)...

Root3D - experimento CSS3D

Para quem viu e gostou do meu humilde cubo 3D feito com CSS3, vai simplesmente achar íncrivel o mais novo projeto que o Felipe N. Moura está desenvolvendo. Trata-se de um experimento, e digo experimento porque isso ainda é muito novo, onde é possível criar elementos 3D em um ambiente todo desenvolvido com CSS3. Não, eu não falei besteira, é em CSS3 mesmo. Só vendo para ter a real noção do que realmente é....

Cubo 3D com CSS3

Neste mês de Março, o Mozilla Dev Derby tem como desafio desenvolver demos de CSS3 3D. Pra quem não conhece o Dev Derby, é uma competição promovida pela Mozilla para que desenvolvedores do mundo inteiro façam aplicações com novas tecnologias. Já participei, fazendo um experimento com o History API do HTML5: https://developer.mozilla.org/en-US/demos/detail/history-image-gallery Depois de assistir a palestra do @felipenmoura e de ter umas aulas com ele sobre CSS3, resolvi fazer um pequeno experimento para submeter para o DevDerby....

Hacks CSS

E aí pessoal, seguinte…ontem me deparei com algo realmente interessante, e fiquei até meio assustado pelo fato de eu não saber da existência. O negócio é que todos desenvolvedores web sofrem com as peculiaridades de cada Browser, e se tratando do IE, nem se fala. Eu já tinha ouvido falar dos Hacks, e pesquisando sobre o assunto encontrei no Blog do Gustavo Paes várias dicas legais. O que achei mais interessante foi o Hack em que duplicamos um atributo da classe CSS, colocando um “coringa” na frente do nome....