Drag and Drop no HTML5

Postado por: Pedro Rogério em

Quem me acompanha pelo Twitter sabe que eu falo constantemente sobre HTML5, aliás, acho que sou a pessoa que mais envia tweets sobre isso, portanto, se quer ficar por dentro de tudo o que acontece sobre o HTML5 na atualidade basta me seguir no Twitter.

E uma das coisas bem interessantes do HTML5 é a opção de drag and drop (arrastar e soltar) que aplicações como o Google Wave, que já tive a oportunidade de utilizar, utilizam em sua interface. Mas como o Google Wave ainda é restrito a beta testers, fica difícil mostrar aqui o seu potencial, mas acabei descobrindo uma outra aplicação que também utiliza HTML5 e o recurso de Drag and Drop, ela se chama Shareflow.

Continuar lendo »

24 Resources para HTML5

Postado por: Pedro Rogério em
HTML5

Com certeza todos nós desenvolvedores não vemos a hora de sair a especificação final do HTML e então podermos sair desenvolvendo aplicações sem algum receio. Enquanto isso, fique com alguns links interessantes que encontrei no blog Carsonified:

Continuar lendo »

Como forçar os usuários a atualizar seu IE6

Postado por: Pedro Rogério em
IE6 Update

Se os usuários de forma consciente não atualizam o IE6 para uma versão mais recente, por que não agora tentarmos alguma maneira não ortodoxa para que eles atualizem? Uma maneira que pode funcionar muito bem é simulando aquela barra de atualização que aparece no browser dizendo que o mesmo precisa ser atualizado para que o site seja melhor visualizado. Se você ainda tem IE6 no seu PC, então aproveite e visite essa página teste criada para simular o update.

Esse script foi desenvolvido originalmente pelos desenvolvedores do site Done21 e sua instalação é muito simples, basta incluir esse código dentro das tags head de sua página:

<!--[if IE 6]>
<script type="text/javascript">
	/*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\"   src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; }
	var IE6UPDATE_OPTIONS = {
		icons_path: "http://static.ie6update.com/hosted/ie6update/images/"
	}
</script>
<script type="text/javascript" src="http://static.ie6update.com/hosted/ie6update/ie6update.js"></script>
<![endif]-->

Ou se preferir pode fazer o download do script em sua versão português do brasil.

Espero que os usuários de IE6 não descubram essa nossa técnica aparentemente infalível.

Efeito cascata do CSS

Postado por: Pedro Rogério em

Entender o efeito cascata do CSS é tão importante e primordial quanto entender a diferença entre elementos de bloco e inline no html e como eles são renderizados no browser. Se você domina herança no CSS é sinal que já entende muito bem o efeito cascata.

Como podem ver nos slides abaixo, Russ Weakley explica de forma muito simples o efeito cascata do CSS, você que deseja aprender CSS, é um ótimo começo:

Vídeo (Objeto multimídia)
View more presentations from Russ Weakley.

E caso não tenha visto, veja també os slides sobre Line-height em CSS.

Páginas:«12345678...22»