Sadly not all of my ideas are going to work as I imagined. Therefore I can either be content with not doing anything at all or be accepting of this fact.

Reality

The only solution is to reach this conclusion quickly and more easily. Case in point:

BrowserPranks.com

I created this site of fun Chrome Extensions to joke the user. From randomly embedding Rick Astley’s video to css changes that alter the current tab: spinning the screen around or flipping the content upside down.

In the Chrome extension, to inject the Youtube iFrame into the current page:

function inject(id,width,height) {
    $('<iframe>', {
      src: '//www.youtube.com/embed/' + id + '?autoplay=1',
      id: 'player',
      type: 'text/html',
      width: width,
      height: height
    }).insertBefore($('body'));
}

The manifest file requires appropriate permissons:

"content_scripts": [
    {
        "matches": [
            "//*/*",
            "//*/*"
        ],
        "js": [
            "bower_components/jquery/jquery.min.js",
            "scripts/rolling.js"
        ]
    }
],
"permissions": [
    "activeTab"
]

• Sample extensions:
  • Rick rolling
  • CSS Topsy Turvy
  • CSS Barrel Roll

Outcomes

• Iterate faster
  • One extension was sufficient to determine if this was worthwhile
  • Faster UI prototyping ideas:
    1. Including OG as part of grunt generator
    2. Simple UI wireframing for Bootstrap