filmov
tv
How to make Google Chrome do the Harlem Shake

Показать описание
Code:
-----------------------------------------------------------------------------------
How it works:
"1) Finds "large" content on the page. This can be a box containing text, or larger images, anything that is actually visible. Note that most web pages have a lot of elements defined in code, but not very visible (if at all) on the page.
2) For each element, it assignes a specific "class name". This allows the script to identify the elements at any point.
The author must have used a code minifier just to make it easier for everyone to use (Online YUI Compressor is an example). I used an Online JavaScript beautifier to reformat the code and it's pretty easy to see what's going on for technical people/programmers, even if functions and variables have been renamed to only be one character in length: ClaudiuC/Chrome Harlem Shake.
Edit: This wouldn't really be possible without HTML5's audio standard and CSS3 animations."
Source:
Claudiu Ceia in "Harlem Shake: How does the Google Chrome Harlem Shake code work?"
-----------------------------------------------------------------------------------
Music:
Baauer- Harlem Shake
-----------------------------------------------------------------------------------
Programms used:
-Camstudio
-Windows Live Movie Maker
-Blender
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
How it works:
"1) Finds "large" content on the page. This can be a box containing text, or larger images, anything that is actually visible. Note that most web pages have a lot of elements defined in code, but not very visible (if at all) on the page.
2) For each element, it assignes a specific "class name". This allows the script to identify the elements at any point.
The author must have used a code minifier just to make it easier for everyone to use (Online YUI Compressor is an example). I used an Online JavaScript beautifier to reformat the code and it's pretty easy to see what's going on for technical people/programmers, even if functions and variables have been renamed to only be one character in length: ClaudiuC/Chrome Harlem Shake.
Edit: This wouldn't really be possible without HTML5's audio standard and CSS3 animations."
Source:
Claudiu Ceia in "Harlem Shake: How does the Google Chrome Harlem Shake code work?"
-----------------------------------------------------------------------------------
Music:
Baauer- Harlem Shake
-----------------------------------------------------------------------------------
Programms used:
-Camstudio
-Windows Live Movie Maker
-Blender
-----------------------------------------------------------------------------------
Комментарии