La reproducción carga el reproductor integrado de YouTube (modo de privacidad mejorada).
Cómo hacer que Google Chrome baile el Harlem Shake
CanalTuToMaster007Descripció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
¿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.
- Canal
- TuToMaster007
- Categoría
- Cine y animación
- Duración
- 2:08
- Publicado
- 11 de noviembre de 2013
- Visualizaciones
- 218.084
- Me gusta
- 861
Compartir
Este tutorial en otros idiomas
- ENHow to make Google Chrome do the Harlem Shake
- FRComment faire Google Chrome faire le Harlem Shake
- PTComo tornar o Google Chrome fazer o Harlem Shake
- ITCome rendere Google Chrome fare il harlem shake
- DEWie macht man Google Chrome die Harlem schütteln tun
- NLHoe maak je Google Chrome doet de Harlem Shake
- RUКак сделать Google Chrome сделать Harlem Shake
- PLJak sprawić, by Google Chrome wykonaj Harlem Shake
- JAGoogle Chromeはハーレムシェイクを行うようにする方法
- ARكيفية جعل جوجل كروم تفعل هارلم اهتز
- HIकैसे गूगल क्रोम कर हार्लेम शेक बनाने के लिए
- IDCara membuat Google Chrome melakukan Harlem Shake