Efeitos CSS 3, Javascript

Olá,  gosto muito de efeitos e animações nas paginas. E também gosto muito de procurar efeitos na internet, então resolvi divulgar aqui um site muito interessante, onde varias pessoas podem escrever os códigos e publica-los neste site.

thecodeplayer

Com o Code Player, você pode aprender e ver como funciona a programação de cada desenvolvimento passo a passo, e tudo de graça e tem muitos projetos interessantes. Em sua página do facebook do site e apresentados muitos trabalhos feitos com a plataforma, e você também pode criar os seus próprios trabalhos e compartilha-los.

Tweet

Border Radius | Propiedade CSS3

Olá a todos, Border Radius e uma propriedade nova do CSS 3,
ela é muito simples, porém ajuda muito os desenvolvedores, com essa propriedade não é mais necessário a criação de imagens com as pontas aredondadas, deixando assim o site mais leve e mais rápido.

O primeiro passo é saber a propriedade:

-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;

Dessa forma todas as pontas ficarão com 20 px de borda.

Você também pode deixar cada ponta com um radio diferente desta forma:

-webkit-border-radius: 20px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius: 20px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; border-radius: 20px; border-top-right-radius: 5px; border-bottom-left-radius: 5px;

Dessa forma todas as pontas ficarão com 20 px de borda porém "-top-right-" o topo direito e a "-bottom-left-" base esquerda com 5px.

Uma forma bem fácil de criar essas bordas é com o site http://border-radius.com/



ou aprender mais no site


Sites de apoio:
http://www.w3schools.com/cssref/css3_pr_border-radius.asp
http://border-radius.com/

Tweet

Navegadores | Compatibilidade com HTML5 e CSS3

Bom HTML5 e o CSS 3 esta ficando cada dia mais popular,
mas será que vale a pena investir no CSS3 e HTML5 ?
Segundo dados do http://www.findmebyip.com/ a coisa ta feia.
Este é o link para ver se o seu navegador é tão bom quanto o meu http://www.findmebyip.com/litmus/ .

Quem usa o chrome toca aew Õ/.
SIM, temos mais motivos para estar na frente e se achar ;D.
Irei colocar alguns postes de exemplos e tutoriais em CSS3 e para poder visualiza-los obviamente você terá que estar usando o chrome.
Link Download Chrome. https://www.google.com/chrome
Eu irei investir no CSS3 (: mais na $velocidade = "  De Boa  ";

Tweet