Frame Juggling: Building a Live Preview

Interacting with iframes is a JavaScript rite of passage. There will be hurdles: the Same Origin Policy, postMessage, and browser history will each rear their ugly heads. Fear not, for others have tread this path.

Learn the techniques and challenges required to create a live preview interface and how WordPress used jQuery's utilities to create a lightweight data-binding library to synchronize data and UI across multiple frames. Then, pull the whole experience together with seamless full page refreshes and an extensible API.

Presented at the jQuery Conference, San Francisco, 2012.

Transcript