Add 3rd Party Library Section

[jparker165]

If my <script scr="3rd_party.js"> is being loaded into someone's site, what's the etiquette?

Do I only get a single global variable like '__myLibrary = {this.code=...}' (double underscore prefix)? Should this still be wrapped in an anonymous function?

If I'm injecting html/style/script tags, do they always get appended to the end of the head or body? Is prefixing every id/class with "myLibrary_varName" enough to avoid collisions?

When is it ok to use iframes, document.write, etc.?

When injecting an overlay do I just set the z-index to "2147483647"? Once my content needs to go away, can I set it to "display:none;" or do I need to remove it from the DOM?

[hshoff]

Hi @jparker165 thanks for checking out the guide!

This is a big topic to cover. For now, I'm going to defer to the experts on this and recommend Third Party JavaScript by Ben Vinegar & Anton Kovalyov.

When I get some time, I'll put together some quick best practices around authoring and using third party JavaScript.

🍻

[jparker165]

Thanks. This blog post might be worth linking to as well: http://css-tricks.com/thinking-async/