Tableless

Busca Menu

Brincando com css3

Seja o primeiro a comentar por

Durante o FrontInSampa (evento sobre desenvolvimento front-end que rolou dia 03/11 em São Paulo),  rolou a palestra do Zeno Rocha com Bernard de Luna que falou sobre se divertir mais em nossa área de trabalho, mesmo que isso te custe recusar aquele freela (tema muito polêmico eu diria), mas o legal dessa palestra, foi que eu me vi ali em todos os contextos, e pude perceber que atualmente deixei de brincar por falta de tempo pensando apenas em dinheiro, já que eu comecei fazendo sites por hobby e isso virou uma profissão de alguns anos pra cá.

Com essa motivação, já que atualmente estou lendo muito sobre CSS 3, fiz um experimento simples, eu diria até ridículo, usando apenas a criatividade e fiz o Planeta Terra girando apenas com css3 e ficou maneiro.

Usando apenas animation e keyframes pude dar movimento a uma imagem e o resultado você pode conferir no link abaixo:
http://deividmarques.com.br/css/earth/

Meu intuito de escrever esse post, não é pra me autopromover e nem dizer que sei mais do que ninguém, porque eu não sei nada ainda, mas sim pelo fato de motivar a todos vocês que assim como eu, é desenvolvedor front-end, e adora o que faz, se dê esse luxo, brinque, e aprenda se divertindo.

Sabiam que existe um canal muito maneiro e em português dentro da Mozilla, onde você pode mostrar seus experimentos? Então galera vamos estudar, brincar e também compartilhar com a comunidade, ou melhor para o mundo, pois aqui no Brasil também há tambem ótimos profissionais e auto-didatas.

Meu experimento nesse canal , para deixar o seu lá basta clicar no Envie um Demo e seja  feliz!
https://developer.mozilla.org/pt-BR/demos/detail/planeta-terra

Depois de ter escrito esse post, o Zeno me mostrou o experimento de junho de 2011 do Felipe Moura e quando vi , não acreditei, pois eu acabei fazendo algo muito semelhante (juro que não tinha visto hahaha), embora o dele esteja muito mais elaborado, então vale a pena conferir também: https://developer.mozilla.org/en-US/demos/detail/css3-up-and-running

Vamos lá, brinque e submeta seu demo no canal da Mozilla e posta o link ai nos comentários.

Publicado no dia