More HTML5 Demos

I found some really impressive demos of the new HTML5 features in Chrome browser, featuring audio synchronization.     Make sure you’re on the latest version of Chrome before you test these. This one shows how you can feed Audio straight into a visualization. Before this you needed to preprocess the audio and then load it with JS, now you can analyze the input directly. (https://html5-demos NULL.appspot...

Read More

Scale and Center HTML5 Video with jQuery

A few months ago, I posted code to show how to scale a video to fill the browser window – how to do a Full Bleed fill for video or html elements. One of my readers contacted me with a question – how do I center this video on the screen? Turns out, I had the same problem. How to do a Full-Bleed fill with Video or Images using jQuery The code I’m going to link to is the updated code – just give any element the class...

Read More

HTML5 Video Scale to Fill Container with jQuery

I’m working on a new large-background WordPress theme that I am going to release for free within the next two weeks. As part of the theme, I wanted to use a high-definition HTML5 video as the background of the landing page of the theme. Here’s where I ran into trouble: browsers like to keep the aspect ratio of the video element within the <video> tag the same, no matter what the scale of the containing box is. I didn’t...

Read More

Five Simple, Useful HTML Tags

Most people don’t need to know how an HTML document is formatted or structured. They don’t need to know what goes in the <head> and what goes in the <body> tags. If you have a WordPress site and work with the HTML of pages at all (if you click on the HTML tab on the visual editor), these tags will likely be all you need to know. Five Useful HTML Tags Minor note: This is a really simplified guide that does not account for...

Read More