HTML5 & CSS3 Readiness

by Luiz Paulo | novembro 19, 2010 | No Comments »

HTML5 & CSS3 Readiness é um infográfico que mostra os recursos HTML5 + CSS3 implementados em cada browser.

Para quem tiver interesse, preparei um resumo com os links W3C de todos os recursos expostos no gráfico. Para que possam estudar os novos recursos ;)

HTML 5

CSS3

Categorias: Artigo, Browser, CSS, Desenvolvimento web, HTML, JavaScript, Tecnologia, Tendências
Tags: , , , ,

IE8 reconhecendo DOCX como ZIP

by Luiz Paulo | outubro 20, 2010 | 6 Comments »

Internet Explorer como sempre nos trás boas surpresas. Dessa vez, me deparei com um erro bizarro. Quando cliquei em um arquivo DOCX para download, o Internet Explorer 8 transformou em ZIP. Veja o motivo e a solução para o problema.

O problema está nas configurações de segurança padrão do IE8, que restringe arquivos (docx, xlsx, pptx) e são baixados como ZIP. Não pesquisei e o problema ocorre com outras extensões, mas só de não aceitar os arquivos da própria Microsoft, já é um problema grave.

Solução em sua aplicação JAVA

Obviamente, passei por esse problema em nossa aplicação e tive que achar alguma forma de solucionar. A modificação é relativamente simples.

Basta adicionar uma regra de mime-type em seu web.xml que tudo se resolve.

No local que encontrei a solução, dizia para referenciar "DOCX" a "application/msword" mas dessa forma o arquivo é reconhecido como "DOC", gerando inconsistência na leitura do Office.

Segue a solução que implementei:

<mime-mapping>
	<extension>docx</extension>
	<mime-type>application/vnd.openxmlformats-officedocument.wordprocessingml.document</mime-type>
</mime-mapping>

Com essa modificação, seus arquivos DOCX serão baixados normalmente no IE8.

Agora que você já tem o conhecimento, poderá resolver o problema em sua aplicação mesmo que seja em outra linguagem... Basta modificar as configurações PHP, por exemplo seria o php.ini, e assim por diante.

Solução no seu browser

Para que seu browser passe a aceitar os arquivos, basta seguir os seguintes passos:

  1. No canto superior direito do IE8, clique em Ferramentas para abrir o menu drop-down;
  2. Na parte inferior do menu Ferramentas, clique em Opções da Internet;
  3. Na caixa de diálogo Opções da Internet, selecione a aba Segurança;
  4. Na guia Segurança, selecione a zona Internet e clique no botão Nível Personalizado;
  5. Vá aproximadamente 2 / 3 para baixo na lista para a opção "Abrir arquivo com base no conteúdo, não na extensão de arquivo" e alterar a configuração Desativar;
  6. Clique em OK;
  7. Repita os passos 4-6 para a zona da intranet local e zona de sites confiáveis;
  8. Clique em OK;
  9. Feche todas as instâncias do IE8;
  10. Reabrir o IE8 e agora deve reconhecer o Office 2007 e 2010 extensões de arquivo ao salvar anexos de email.

Isso provavelmente fará com que seu browser aceite os arquivos.

Abraços!

Categorias: Artigo, Browser, Desenvolvimento web, Java
Tags: , , , , ,

[javascript] Jogo Sokobox em jQuery

by Luiz Paulo | setembro 18, 2010 | 7 Comments »

Demorei um pouco para postar esse jogo. Mas enfim, tive tempo de fazê-lo, rs

Quem me acompanha, sabe que gosto de inventar moda, então resolvi refazer o famoso joguinho de empurrar caixas no jQuery.

O jogo tem 105 fases. E obviamente as fases subsequentes são bloqueadas. Você precisa passar da corrente para liberá-la, hehe.

Além disso o jogo conta com 2 skins

- homem emourrando caixas

- carro empurrando blocos

Alguns amigos já testaram e reclamaram que não funciona no touch do celular, mas por enquanto não só funciona via teclado mesmo (setas, a, s, d, e).

Histórico
Quando iniciei o desenvolvimento, estava escrevendo os cenários com vetores (GIGANTESCOS), o que estava tornando o trabalho metodico e difícil.
Levei por volta de 1 dias para finalizar o jogo (incluindo as fases), e gostei bastante do resultado.

Pensei em guardar estatísticas, scores, etc. Mas isso ficará para um próximo passo pois tenho muitas outras prioridades, rs.

Depois das fazes quase prontas, resolvi refazer utilizando caracteres para desenhar um cenário. Segue um exemplo:

__###___
__#+#___
__#-####
###@-@+#
#+-@&###
####@#__
___#+#__
___###__

Achei essa forma bem mais intuitiva para gerar os cenários.
Enfim... Espero que gostem!

Abraços.

Categorias: Artigo, JavaScript, Jogo
Tags: , , , , ,

wtfjs

by Luiz Paulo | fevereiro 27, 2010 | No Comments »

O site wtfjs (What the fuck javascript) mostra algumas bizarrices do Javascript.

"JavaScript é uma linguagem que amamos apesar de nos dar tanto ódio. Esta é uma coleção dessas irregularidades muito especial, inconstâncias e simplesmente momentos dolorosamente para a linguagem da web."

Vale apena dar uma conferida!
[]'s

Categorias: Desenvolvimento web, JavaScript, Linguagens
Tags: , ,

CheatSheet – Guia rápido sobre Jquery 1.4

by Luiz Paulo | janeiro 15, 2010 | 2 Comments »

O Cheat Sheet é um resumo de um assunto específico que pode ser utilizada como guia rápido. Nele você pode encontrar sintaxes, códigos, exemplos, conceitos e dicas.

Não podemos considerá-lo um manual completo pois é bem compacto, mas quebra bastante o galho! Além de úteis, normalmente são feitos com visual agradável, podendo ser impresso e facilmente colado no seu escritório.

Taí um cheatSheet do mais novo jQuery 1.4. \o/
Esse é oficial divulgado no site do próprio framewowk.

Façam bom proveito!

Categorias: CheatSheet, Desenvolvimento web, JavaScript
Tags: , , ,

Próximos posts »

 

Valid XHTML 1.0 Strict Valid CSS!

Luiz Paulo | tecnologia web