The open-source of DocType is pretty huge, it's basically the entire Google internal Javascript library open sourced and it shows some pretty need tricks like goog.provide() and the way they've created namespaces and Java-like includes. (Also the way the comments mention JSCompiler gives a hint to how Google does Javascript dependency resolving and compiling – nuff said).

It's known internally by a different name, but it's what Google actually uses for their web apps, so go browse the SVN repository and enjoy ...

Take a look especially at the collection classes, and beautiful platform independent CSS styling via Javascript.

s/open-source/open-sourcing/
s/deed tricks/neat tricks/

There are a few bugs.

They need to correct the source URL in the embed code to remove "/a/example.com". By having this code present, it requires login in order to even view the form. Leaving the embedded form this way does not allow normal site visitors to fill out the form.

I found that solution by going back to my original hack, and looking at the difference in the URL:

my hack:

<iframe src="http: //spreadsheets.google.com/viewform?key=
p9x4ac7aUF_ug3e_bGA0USg&email=true" width="630px" height="960px"></iframe>

new Google provided HTML:

<iframe src="http: //spreadsheets.google.com/a/ditoweb.com/embeddedform?key=
p9x4ac7aUF_u9LgXlbAQ8Ng&hl=en" width="300" height="634" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>

Fixed:

<iframe src="http: //spreadsheets.google.com/embeddedform?key=
p9x4ac7aUF_u9LgXlbAQ8Ng&hl=en" width="300" height="634" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>

Using embeddedform? in place of viewform? in my old hack worked:

<iframe src="http: //spreadsheets.google.com/embeddedform?key=
p9x4ac7aUF_ug3e_bGA0USg&email=true" width="630px" height="960px"></iframe>

2nd issue:

Upon filling out the form, the "Thank You" Dialog stretches further than the iframe, which makes a horizontal scroll box to appear. Can Google make this box dynamically adjust to the width of the rest of the form?

I stretched the iframe width on my original hack, but I want to be able to place these in a tighter space than my original, so I am hoping for a fix from Google on this.

Great new feature! Great way to keep track of people contacting you through a website. I plan on suggesting this to most of my clients once these issues get ironed out.

[Added line breaks due to the forum software... -Philipp]

Google's doctype wiki has some concise yet very thorough pages on Web Security:
http://code.google.com/docreader/#p(doctype)s(doctype)t(ArticlesXSS)

Also, there's some telling information about Google's policies for browser support:
http://code.google.com/doctype/overview.html

"The limited selection of browsers is deliberate ... The list also reflects the policies that guide product teams inside Google – these are the browsers that we care about and test against."

The browsers referred to are IE6, IE7, IE8, FF2, FF3 and Safari 3. It looks like Opera is officially second-tier.

Also of interest: I think this is the first content that Google has released under the Creative Commons Attribution license. This is an extremely liberal license, and I wonder if we'll see more use of CC-AT by Google (e.g. when Knol is released)?