Seamless.js

Iframes are usually a developer's last resort whenever it needs to dynamically add new content on a page.

This is because iframes are notoriously hard to manipulate, each browser handling them in a different way.

The Seamless.js jQuery plugin is a simple tool that helps developers in this matter, providing an unified API that helps them control various aspects related to iframe usage.

Seamless.js allows developers to support responsive iframe containers, to show a loading indicator while content is loaded inside the iframe, if space is available to resize the iframe to fit the content inside it, dynamically add CSS styles and HTML content inside an iframe, and many other more.

The plugin is also perfect for deprecating iframes to popups or to new pages whenever there's a problem loading their content, making sure there's no empty sections on a website using them.

Requirements:

• JavaScript enabled on client side
• jQuery