How does Google code CSS classes and identifiers?

Question

Look at the class name in the html block. They were encoded to make it hard to understand.

<div id=":21r" class="ii gt m14b0b8af41495ba9 adP adO"> <div id=":21o" class="a3s" style="overflow: hidden;"> <div dir="ltr"> <div class="adL"></div> </div> </div> </div> 

I don’t think Google engineers are so barren to be manually encoded in this way. They must have used some class coding tools. Is there any service for this?

Answer 1

It is very possible that what you are watching was created in the Google Web Toolkit. This environment has automatic Obfuscation, depending on what you want to publish in the world, and is the main environment used by Google when creating web applications.

The process is to write files usually using your own class names and identifiers, and when compiling, the code is automatically obfuscated (or you run it through a compressor or program for this).

In GWT, you need to write in Java, but if you are looking for options for javascript or html / css, then:

http://ajaxian.com/archives/utility-javascript-obfuscator https://code.google.com/p/minify/