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....
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....
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á ;)...
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 é....
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....
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....
Twitter
BrazilJS
Capitalistas de Merda
