{ Wilker-Dev: Blog }
May 12, 2010

Brincando com WebSockets

 

Brincando ontem com websockets decidi fazer um pequeno experimento.

Basicamente o experimento consiste em ter vários jogadores na tela (são simples quadrados), e quanto alguém se mover, todos os outros jogadores devem ser imediatamente notificados da nova posição, para ter sempre todos sincronizados. Para isso utilizei o Node para criar uma aplicação para ser o servidor de socket e usei o WebSockets no Javascript de front-end.

O resultado pode ser conferido no video abaixo (o quadrado vermelho indica o quadrado sob controle da janela atual):

O código fonte está disponível em: http://github.com/wilkerlucio/ws.squares
Filed under // coffeescript  development  html5  javascript  node  sinatra  websockets  // 2 Comments
May 7, 2010

Animação de Intro do Spiderman em CSS

 

Screen_shot_2010-05-07_at_10
Muito legal, e sem flash!

http://www.optimum7.com/css3-man/animation.html

Filed under // css  development  html5  // 0 Comments
April 20, 2010

The Best HTML5 Slides Ever

 

The Best HTML5 Slides Ever

csstransformsslide

@edr is the man. He did amazing things at Yahoo! and now at his new role at Google he continues in the same vein. This time he has created the coolest set of HTML5 slides ever, using the technology inline.

Take a walk through the woods and learn about all things HTML5. Starting with the JS APIS (selector API, storage, appcache, web workers, web sockets, notifications, drag and drop, and geolocation).

Then delve into the new HTML semantic tags, link relations, micro data, ARIA, forms, audio and video, Canvas, and WebGL.

Finally, the holy trinity finishes with CSS and selectors, fonts, text, columns, stroking, opacity, HSL, rounded corners, gradients, shadows, backgrounds, transitions, transforms, and animations.

Top draw Ernest. Top draw (he based his work on a presentation from Marcin Wichary).

via ajaxian.com

FUDEROSO!!!

Filed under // html5  // 0 Comments
March 11, 2010

Galera destruindo com SVG e HTML5

 
animated-lyrics_poster.png
via svg-wow.org

Esse demo todo sem flash, a cada dia mais vamos vendo que é apenas uma questão de tempo para nos vermos livres da praga do flash para web :)
Viva tecnologias HTML 5 :D

Quem quizer testar o demo, segue o link: http://svg-wow.org/audio/animated-lyrics.svg (Chrome 4 ou Safari 4 recomendados para rodar)

Outros demos incríveis podem ser encontrados em: http://svg-wow.org/

Filed under // html5  // 1 Comment