HDTutorial
ES

La reproducción carga el reproductor integrado de YouTube (modo de privacidad mejorada).

Cómo hacer que Google Chrome baile el Harlem Shake

218.084 visualizaciones 11 de noviembre de 2013 2:08

Ver en YouTube
CanalTuToMaster007

Descripción del autor

Código:
¿Cómo funciona?
"1) Detecta los *elementos grandes* en la página. Puede ser una caja con texto, imágenes más grandes, o cualquier cosa que realmente se vea. Ten en cuenta que la mayoría de las páginas web tienen muchos elementos definidos en el código, pero que no son visibles (o apenas se ven) en la pantalla.
2) Para cada elemento, le asigna un *nombre de clase* específico. Esto permite que el script los identifique en cualquier momento.

El autor debió usar un *minificador de código* para facilitar su uso (por ejemplo, el *Online YUI Compressor*). Usé un *formateador de JavaScript* en línea para reorganizar el código, y es bastante claro para técnicos o programadores, aunque las funciones y variables hayan sido renombradas a un solo carácter: ClaudiuC/Chrome Harlem Shake.

*Nota:* Esto no habría sido posible sin el estándar de audio HTML5 y las animaciones CSS3."

Fuente:
Claudiu Ceia en *« Harlem Shake: ¿Cómo funciona el código del Google Chrome Harlem Shake? »*
Música:
Baauer – *Harlem Shake*
Programas usados:
- CamStudio
- Windows Live Movie Maker
- Blender

Sobre este tutorial

TuToMaster007 publicó este tutorial en vídeo de 2:08 el 11 de noviembre de 2013. Se ha visto 218.084 veces en YouTube.

Duración
2:08
Publicado
11 de noviembre de 2013
Visualizaciones
218.084
Me gusta
861

Compartir

Este tutorial en otros idiomas