Como devem ter notado a ausência de posts tem sido constante, peço desculpas a quem acompanha o blog e aguarda por posts mais freqüentes, infelizmente o tempo não me permitiu fazer isso antes por problemas de saúde, familiares, judiciais e muitos trabalhos atrasados. Bem agora estamos aqui, vamos a0 que interessa?

Cada dia que se passa essa dupla “da pesada” vem nos mostrando a que veio, muitas vezes me pego “babando” ao apreciar a Arte que foi possível criar a partir dela. Vejamos alguns exemplos aplicados nos últimos dias.

Animação de um Carro com CSS3

Essa animação pode ser criada graças à propriedade “transition”, o que mais impressiona é que só é preciso duas imagens e um código muito simples.

Criador: Koller Jürgen
Original: http://www.kollermedia.at/archive/2010/02/18/css3-car-animation/
Exemplo: http://www.cssnolanche.com.br/lab/css3-car-animation/

Opera Logo com CSS3

Desenvolvedores de todo o mundo ficaram “boquiabertos” com essa criação espetacular, código HTML muito limpo e simples de compreender.

Criador: David Dessandro
Original: http://desandro.com/articles/opera-logo-css/
Exemplo: http://www.cssnolanche.com.br/lab/opera-logo/

Raindrop Logo com CSS

Logo depois do Opera Logo com CSS3 ser apresentado ao mundo, o desenvolvedor Sean Martell surpreendeu com essa criação de mestre, uma gota de chuva com puro CSS e marcação HTML simples.

Criador: Sean Martell
Original:http://blog.seanmartell.com/2010/03/25/raindrop-logo-in-css/
Exemplo: http://www.cssnolanche.com.br/lab/raindrop-logo/

Pure CSS social media icons

Uma marcação muito simples e semântica, nada de Javascript ou Imagens. Simplesmente CSS!

Criador: Nicolas Gallagher
Original: http://nicolasgallagher.com/experimental-pure-css-social-media-icons/
Exemplo: http://nicolasgallagher.com/demo/pure-css-social-media-icons/

Com isso já é possível dispensar o Adobe Flash pra muita coisa, apesar de existirem “Xiitas” que insistem em falar que essa dupla não tem futuro sempre existiram caras como o Koller Jürgen, David Dessandro, Sean Martell e o Nicolas Gallagher para calar suas bocas.

Valeu galera, tenho vários posts saindo do forno continue seguindo o blog e confira todas as novidades. Um Super Abraço e COMENTEM!

Créditos: Blog CSS no Lanche (http://www.cssnolanche.com.br/)

Tenho o prazer de lançar o novo design do blog, infelizmente não é de minha autoria, apenas apliquei algumas modificações necessárias para o bom funcionamento e maior usabilidade da interface.

No último post intitulado “Nova fase!”, comuniquei que ocorreriam diversas modificações em meus projetos pessoais, uma deles seria um novo layout para o blog.
Minha intenção era usar um tema de minha autoria, mais infelizmente o tempo não me permite fazer isso no momento, por isso depois de muito pesquisar optei pelo “Motion”, que é disponibilizado no BD do próprio WordPress.

Mais seguindo a dica do Guto Gomes, no futuro irei desenvolver um layout personalizado seguindo as novas tendências do mercado, ou seja, html 5 e css3.
Então vale aguardar por mais novidades no blog e também no site, que inclusive está na fase final de desenvolvimento.

Estou aberto a criticas, então deixem seus comentários a respeito do novo layout..abraço!

Depois de muita polêmica em torno do uso de HTLM5 para clientes, decidi postar minha opinião sobre o assunto e gerar aqui uma enquête, qual a sua opinião?

Hoje enquanto eu escrevia no Twitter sobre minha recente passagem pela gripe, recebi vários Twits de pessoas que sigo, nos quais falavam sobre a pratica do HTML5 em projetos avulsos aos próprios, ou seja, sites feitos para clientes, quem trousse o assunto à tona hoje foi o Maujor ao postar o seguinte texto:

@maujor: #dica NÃO desenvolva sites com HTML 5. Quase tudo da linguagem ainda é confuso e sujeito a modificações.

Questionado por algumas pessoas ele postou o seguinte:

@maujor: @pinceladasdaweb e @tableless são sites de ensino, então é válido usar HTML5 como demonstração. Sites para clientes -> não mesmo.

Como ele disse os sites Pinceladas da web e Tableless são sites de ensino, ou seja, é o HTML na pratica, afinal ficar na teoria não ajuda em nada (isso lembra meu site que ainda ta na minha cabeça), no meu ultimo post “Desenvolver sites em HTML5 não é algo de outro planeta!” recebi um comentário da leitora Cíntia, ela questionou o fato de eu não ter falado sobre a incompatibilidade que a maioria dos browsers tem com essa nova versão do HTML, então fica claro que ainda é inviável utilizar as novas técnicas de escrita em sites desenvolvidos para clientes, certamente eles não ficaram nem um pouco contentes com o fato de seu site não funcionar no navegador X (IE), é verdade que existem hacks Javascript e CSS mais que não tem uma ação muito produtiva nos tais navegadores X, no momento os unicos brownsers que tem total a parcial compatibilidade com a nova versão do HTML são o Firefox+, Google Chrome e Apple Safari, minha opinião/recomendação é: continue estudando as novas praticas de criação, MAS, não vá dar uma de espertalhão e criar sites com elas, aguarde que em breve será valido fazer isso (eu espero), enquanto isso não acontece continue usando XHTML Strict e se ainda não usa procure o fazer.

Complementando: a nova versão do HTML pode e deverá passar por modificações ate passar a ser uma recomendação do W3C.

Agora sim eu quero saber a sua opinião.
HTML5 para clientes é uma pratica valida?

Deixe seus comentários e até a próxima! Abraço.

Em minhas “viagens” pela internet venho percebendo que muitos “desenvolvedores” vêem encontrando dificuldades em entender o verdadeiro conceito da mais nova versão do HTML, em diversos blogs, sites, fóruns e redes sócias a pergunta que reina é como desenvolver em HTML5?

Bem eu tenho uma ótima noticia pra vocês que ainda estão com duvidas da cabeça, HTML5 não é nada mais nada menos que uma atualização da linguagem, onde diversas tags e métodos foram adicionados assim como também alguns foram retirados, ou seja, você desenvolvedor só que terá que estudar um pouco mais (nada que você já não faz), atualmente vivemos a era da colaboração, toda e qualquer duvida pode ser tirada em poucos cliques, seja em fóruns, blogs e redes sociais você sempre obterá as mais atualizadas informações sobre as novas versões do HTML e de qualquer outra tecnologia.

Na pratica:

Eu particularmente uso e recomendo o habito de visitar os sites e blogs considerados referência no mundo do desenvolvimento, abaixo citarei alguns deles.

Pedro Rogério – www.pinceladasdaweb.com.br/blog
Em primeiro lugar lhe indicarei o “Pinceladas da Web”, do amigo Pedro, que é um dos “Gurus” da internet e número um quando se fala em HTML5 e CSS3, e inclusive tem um guia de referência em HTML5.

Maujor – www.maujor.com/blog
Este não seria um texto sobre desenvolvimento se não envolvesse o “Dinossauro” das CSS, isso mesmo eu estou falando do Maujor, quando o assunto é HTML e CSS ele é “O CARA”, e entrando no ritmo da nova versão do HTML e também criou uma tabela de referência em HTML5 um pouco mais detalhada e inclusive contem as tags e elementos que foram descontinuados.

HTML5 Gallery – www.html5gallery.com
Nesta verdadeira galeria de arte digital, você encontrará diversos sites que já dispõem das novas praticas implementadas em seu código, inclusive alguns Brasileiros.

W3C – www.w3.org
Por ultimo mais muito importante é você continuar lendo os textos de recomendação elaborados pela equipe do W3C.

Então queridos leitores, ficam as dicas e espero ter ajudado, ate a próxima. Abraço!