Hauppauge HD PVR60 - Video Game Capture device

Got a good deal on a Hauppauge HD PVR60; so I HAD to buy it.
Here are a quick run down of the device's features:

• H.264 HD video encoding
• No lag HDMI passthrough (HDMI in/out)
• Frame rates:
• 1080p at 60/30 fps
• 720p at 60/30 fps
• 576p at 60/30 fps
• 480p at 60/30 fps
• Stream to Twitch or Youtube (StreamEez)
• Record past gameplay (SkipBack)
• Facecam to put yourself into the action (So to speak type)
• Powered by USB 2.0

It does require input from a non HDCP(digital copy protection) devices and does require the device to be plugged into a PC to capture. But the Hauppauge handles all the heavy lifting so the PC can happily churn away even if the specs aren't super high. One exception being Facecam will require an i5 processor or higher.

So far the unboxing is all I managed. Hoping to hook it up and test it out shortly. Stay tuned.

How to setup Modernizr.js

What to do when you need to ensure that really cool feature that you are using on your site will work on almost every browser, or on the off chance it doesn't, adapt and provide an alternative functionality that gracefully degrades?

Previously that would have involved numerous ad hoc checks and tricks to make sure that the rendering browser was capable or not. This wasn't always consistent and needed either JavaScript or CSS workarounds.

Modernizr.js is the silver-coated bullet that enables a simple and centralized way to ensure whether features are supported by a browser, with a myriad of checks, and enable you to build contingencies to accommodate.

This video shows a simple way to setup Modernizr.js on a webpage with just a simple check for the Canvas API. For more detailed information and methods to check and readdress browser shortcomings check out the Modernizr docs.