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: , , , ,

[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: , , ,

Isto é um bug no Javascript?

by Luiz Paulo | agosto 17, 2009 | No Comments »

Acabei de ler no blog Nome do Jogo do Carlos Brando um artigo que merece destaque.

O post fala sobre algumas falhas do Javascript. Umas delas eu já havia comentado aqui no blog Javascript – Pegadinha no parseInt(), mas ele foi bem mais a fundo nas pegadinhas, hehe.

Não vou republicar o conteúdo para te forçar a entrar no blog dele: Isto é um bug no Javascript?.
Leiam também os comentários, pois estão bem ricos.

Carlos Parabéns pelo post!

Categorias: Desenvolvimento web, JavaScript, Tecnologia
Tags: , ,

Próximos posts »

 

Valid XHTML 1.0 Strict Valid CSS!

Luiz Paulo | tecnologia web