HDTutorial
FR

La lecture charge le lecteur YouTube intégré (mode confidentialité renforcée).

Comment faire danser Google Chrome sur le Harlem Shake

218 084 vues 11 novembre 2013 2:08

Voir sur YouTube
ChaîneTuToMaster007

Description de l’auteur

Code :
Comment ça marche ?
"1) Il repère les éléments *grands* sur la page. Cela peut être une boîte contenant du texte, une image plus grande, ou tout ce qui est vraiment visible. À noter que la plupart des pages web contiennent plein d’éléments définis dans le code, mais à peine visibles (voire pas du tout) sur la page.
2) Pour chaque élément, il lui attribue un *nom de classe* spécifique. Cela permet au script de les identifier à tout moment.

L’auteur a dû utiliser un *minificateur de code* pour simplifier son utilisation (par exemple, l’*Online YUI Compressor*). J’ai utilisé un *beautifier* JavaScript en ligne pour reformater le code, et c’est assez clair pour les techniciens ou développeurs, même si les fonctions et variables ont été renommées en un seul caractère : ClaudiuC/Chrome Harlem Shake.

*Note :* Sans la norme audio HTML5 et les animations CSS3, ce serait impossible."

Source :
Claudiu Ceia dans *« Harlem Shake : comment fonctionne le code du Google Chrome Harlem Shake ? »*
Musique :
Baauer – *Harlem Shake*
Logiciels utilisés :
- CamStudio
- Windows Live Movie Maker
- Blender

À propos de ce tutoriel

TuToMaster007 a publié ce tutoriel vidéo de 2:08 le 11 novembre 2013. Il a été vu 218 084 fois sur YouTube.

Durée
2:08
Publié le
11 novembre 2013
Vues
218 084
J’aime
861

Partager

Ce tutoriel dans d’autres langues