HDTutorial
PT

A reprodução carrega o leitor integrado do YouTube (modo de privacidade melhorada).

Como fazer o Google Chrome dançar o Harlem Shake

218 084 visualizações 11 de novembro de 2013 2:08

Ver no YouTube
CanalTuToMaster007

Descrição do autor

Código:
Como funciona:
"1) Detecta *conteúdos grandes* na página. Pode ser uma caixa com texto, imagens maiores, ou qualquer coisa que esteja realmente visível. Note que a maioria das páginas web tem muitos elementos definidos no código, mas que não são muito visíveis (ou nem aparecem) na tela.
2) Para cada elemento, atribui um *nome de classe* específico. Isso permite que o script os identifique a qualquer momento.

O autor deve ter usado um *minificador de código* para facilitar o uso (como o *Online YUI Compressor*). Usei um *formateador de JavaScript* online para reorganizar o código, e é bastante fácil de entender para técnicos ou programadores, mesmo que as funções e variáveis tenham sido renomeadas para apenas um carácter: ClaudiuC/Chrome Harlem Shake.

*Nota:* Isso não seria possível sem o padrão de áudio HTML5 e as animações CSS3."

Fonte:
Claudiu Ceia em *« Harlem Shake: Como funciona o código do Google Chrome Harlem Shake? »*
Música:
Baauer – *Harlem Shake*
Programas usados:
- CamStudio
- Windows Live Movie Maker
- Blender

Sobre este tutorial

TuToMaster007 publicou este tutorial em vídeo de 2:08 em 11 de novembro de 2013. Foi visto 218 084 vezes no YouTube.

Duração
2:08
Publicado
11 de novembro de 2013
Visualizações
218 084
Gostos
861

Partilhar

Este tutorial noutros idiomas